www.baike369.com
百科369 > CSS教程 > CSS样式表的书写原则

CSS样式表的书写原则


CSS样式表的书写原则

一般情况下,在书写CSS样式表的时候,需要注意以下原则:

1. 如果属性的值是由多个单词组成,则必须使用引号("")将属性值括起来。

2. 如果要对一个选择符指定多个属性,则需要使用分号(;)将所有的属性和值分开。

3. 可以将具有相同属性和属性值的选择符组合起来,用逗号(,)将其分开,这样可以减少样式的重复定义。例如,要定义段落和表格内的文字尺寸为9pt,则可以使用如下代码:

p,table{font-size:9pt;}

该代码的效果完全等效于对这两个选择符分别定义:

p{font-size:9pt;}
table{font-size:9pt;}

4. CSS样式表中的注释语句以“/*”开头,以“*/”结尾。代码如下:

/* 定义段落的样式表 */
p{
  color:black;font-family:宋体 /* 颜色为黑色,字体为宋体 */
}

5. 如果在同一个选择器上使用几个不同的样式表时,这个属性值将会叠加几个样式表,遇到冲突的地方会以最后定义的为准。例如,同时定义了p和body样式的颜色,即样式表的内容如下:

body{color:red;font-size:9pt;}
p{color:blue;}

那么在页面显示的时候,段落文字的字号会继承body的9pt,而颜色则按照最后定义的蓝色显示。

6. 不同的选择符定义相同的元素时,要考虑到不同的选择符之间的优先级。ID选择符、类选择符和HTML标记选择符,因为ID选择符是最后加到元素上的,所以优先级最高,其次是类选择符。例如:

p{color:黑色;}
.blue{color:蓝色;}
#id1{color:红色;}

如果对页面中的一个段落同时设置这3种样式,那么会按照优先级最高的ID选择符显示为红色的文字。

Copyright© 2011-2016 www.baike369.com All Rights Reserved