
上QQ阅读APP看书,第一时间看更新
3.2 CSS基础语法
样式表由一系列CSS规则组成。规则由两个主要的部分构成:选择器以及一条或者多条声明。

选择器通常是需要改变样式的HTML元素。每条声明由一个属性和一个值组成。属性(property)是希望设置的样式属性(style attribute)。每个属性有一个值,属性和值被冒号分开。

例3-1:

这行代码的作用是将h1元素内的文字颜色定义为蓝色,同时将字体大小设置为12像素。注意事项:
·值可以有不同写法和单位。以颜色为例,下面五种写法都定义了蓝色:

·如果值为若干单词,则要给值加引号。
·如果要定义不止一个声明,则需要用分号将每个声明分开。
·是否包含空格不会影响CSS在浏览器的工作效果。
·CSS对大小写不敏感。不过存在一个例外:如果涉及与HTML文档一起工作的话,class和id名称对大小写是敏感的。
·选择器可以进行分组,用逗号将需要分组的选择器分开。这样,被分组的选择器就可以分享相同的声明。在下面的例子中对所有的标题元素进行了分组,所有的标题元素都是绿色的。
