![Web前端开发技术](https://wfqqreader-1252317822.image.myqcloud.com/cover/759/42637759/b_42637759.jpg)
上QQ阅读APP看书,第一时间看更新
3.2 CSS基础语法
样式表由一系列CSS规则组成。规则由两个主要的部分构成:选择器以及一条或者多条声明。
![](https://epubservercos.yuewen.com/6DD77C/22139294709122706/epubprivate/OEBPS/Images/978-7-111-61820-1_36_01.jpg?sign=1739297945-UmeUFabI2y1A7tb4feVqeY8U9re9IEhY-0-9d07d8bf8cdf21bbe06fee5289fde831)
选择器通常是需要改变样式的HTML元素。每条声明由一个属性和一个值组成。属性(property)是希望设置的样式属性(style attribute)。每个属性有一个值,属性和值被冒号分开。
![](https://epubservercos.yuewen.com/6DD77C/22139294709122706/epubprivate/OEBPS/Images/978-7-111-61820-1_36_02.jpg?sign=1739297945-yguXtHL5Qq33BsO5KB0l5gK1vjyRKxIi-0-422c4e2c2c0aa0006d0fa9198328a9c8)
例3-1:
![](https://epubservercos.yuewen.com/6DD77C/22139294709122706/epubprivate/OEBPS/Images/978-7-111-61820-1_36_03.jpg?sign=1739297945-ADJbFPyKmihWpuCvyVmpwsE7PVK2jp0j-0-e006c816e6c3ac18d8d6fc4750543bbc)
这行代码的作用是将h1元素内的文字颜色定义为蓝色,同时将字体大小设置为12像素。注意事项:
·值可以有不同写法和单位。以颜色为例,下面五种写法都定义了蓝色:
![](https://epubservercos.yuewen.com/6DD77C/22139294709122706/epubprivate/OEBPS/Images/978-7-111-61820-1_36_04.jpg?sign=1739297945-5JFaPtiasvUwZnccqj5Q8gDsSCIU0iMk-0-076bfcfe2198e52f46575a570a5d9932)
·如果值为若干单词,则要给值加引号。
·如果要定义不止一个声明,则需要用分号将每个声明分开。
·是否包含空格不会影响CSS在浏览器的工作效果。
·CSS对大小写不敏感。不过存在一个例外:如果涉及与HTML文档一起工作的话,class和id名称对大小写是敏感的。
·选择器可以进行分组,用逗号将需要分组的选择器分开。这样,被分组的选择器就可以分享相同的声明。在下面的例子中对所有的标题元素进行了分组,所有的标题元素都是绿色的。
![](https://epubservercos.yuewen.com/6DD77C/22139294709122706/epubprivate/OEBPS/Images/978-7-111-61820-1_37_01.jpg?sign=1739297945-eAh9v7uvNg48EXTTqxsoJ3pOLThXCopS-0-f34bc97666c012cbca27771915a057a3)