- 6
- 0
- 约5.11千字
- 约 16页
- 2017-08-14 发布于河南
- 举报
第八章 CSS的基本语法
8.1 CSS选择器
用户通过选择器对不同的HTML标签赋予各种样式声明,即可实现各种效果。
8.1.1标记选择器
一个HTML页面由很多不同的标记组成,而CSS标记选择器就是声明哪些标记采用哪种CSS样式。例如p选择器,就是用于声明页面中所有p标记的样式风格。同样可以通过h1选择器来声明页面中所有的h1标记的CSS风格,如下所示:
style
h1{ color : red; font-size : 25px;}
/style
以上CSS代码声明了HTML页面中所有的h1标记,文字的颜色都采用红色,大小都为25px。每一个CSS选择器都包含选择器本身、属性和值,其中属性和值可以设置多个,从面实现对同一个标记,声明多种样式风格,如图8.1所示。
在网站的后期维护中,如果希望所有h1标记不再采用红色,而是蓝色,这时仅仅需要将属性color的值修改为blue,即可全部生效。
8.1.2 类别选择器
标记选择器一旦声明,那么页面中所有的该标记都会相应地产生变化。例如声明了p标记为红色时同,页面中所有的p标记都将显示为红色。如果希望其中的某一个p标记不是红色,而是蓝色,这时仅仅靠标记选择器是远远不够的,可以使用类别选择器。
例如当页面中同时出现3个p标记,并且希望它们的颜色各不相同,就可以通过设置不同的class选择器来实现。
例8.1 类别选
原创力文档

文档评论(0)