CSS教程(二)CSS结构及使用

CSS样式表由一系列样式规则组成,浏览器将这些规则应用到相应元素上,下面是样式规则。

1、CSS语法结构:

 

2、CSS样式规则组成--选择器

  •  一条CSS样式规则由选择器(selector)和声明(declarations)组成。
  • 选择器是为了选中网页中某些元素,选择器可以是一个标记名,表示将网页中该标记的所有元素都选中,也就是定义了CSS规则的作用对象。
  • 选择器也可以是一个自定义的类名,表示将自定义的一类元素全部选中,为了对这一类元素进行标识,必须在这一类的每个元素的标记里添加一个html属性class="类名";
  • 选择器还可以是一个自定义的id名,表示选中网页中某一个唯一的元素,同样,该元素也必须在标记中添加一个html属性id="id名"让CSS来识别。

 

3、CSS声明

  • 声明则用于定义元素样式。在上面的示例中,h1 是选择器,介于花括号{ }之间的所有内容都是声明,声明又可以分为属性和值,属性和值用冒号隔开。(注意CSS的属性和值的写法与html属性的区别)。
  • 属性和值可以设置多个,从而实现对同一标记声明多种样式风格。
  • 如果要设置多个属性和值,则每条声明之间要用分号隔开;

 

4、CSS属性值写法

  • 如果属性的某个值不是一个单词,则值要用引号引起来:
  • p {font-family: "sans serif"};
  • 如果一个属性有多个值,则每个值之间要用空格隔开:a {margin:6px 4px 3px};
  • 要为某个属性设置多个候选值,则每个值之间用逗号隔开:p {font-family: "Times New Roman", Times, serif};