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};