2.2.2 HTML文档基本结构
(掌握CSS样式规则)
CSS样式规则
✧CSS样式规则的重要性
使用HTML时,需要遵从一定的规范。
CSS亦如此,要想熟练地使用CSS对网页进行修饰,首先需要了解CSS样式规则,具体格式如下:
选择器{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
在上面的样式规则中,选择器用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。
其中,属性和属性值以“键值对”的形式出现,属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。
属性和属性值之间用英文“:”连接,多个“键值对”之间用英文“;”进行区分。
例如:若将HTML页面中所有的段落文本设置样式:字体大小为12像素、颜色为#666、字体为“微软雅黑”。
则CSS样式代码如下:
特别注意:
书写CSS样式时,除了要遵循CSS样式规则,还必须注意几个问题,具体如下:
●CSS样式中的选择器严格区分大小写,属性和值不区分大小写,按照书写习惯一般
将“选择器、属性和值”都采用小写的方式。
●多个属性之间必须用英文状态下的分号隔开,最后一个属性后的分号可以省略,但
是,为了便于增加新样式最好保留。
●如果属性的值由多个单词组成且中间包含空格,则必须为这个属性值加上英文状态
下的引号。
●在编写CSS代码时,为了提高代码的可读性,通常会加上CSS注释。