网页设计与制作（HTML5+CSS3+JavaScript） 第6章：CSS3选择器.pptxVIP

第6章CSS3选择器 要使用CSS对HTML页面中的元素实现一对一、一对多或者多对一的控制，这就需要用到CSS选择器，HTML页面中的元素就是通过CSS选择器进行控制的，CSS3也新增了很多选择器，本章对选择器做详细的介绍，如果您对CSS样式设置还不是很熟，可以查看第11章CSS样式部分内容。6.1 基础选择器选择器（select）也被称为选择符，所有HTML5语言中的标记都是通过不同的CSS3选择器进行控制的，选择器不只是HTML文档中的元素标记，它还可以是类（class，这不同于面向对象程序设计语言中的类）、ID（元素唯一特殊名称，便于在脚本中使用）或是元素的某种状态（如：a:link）。根据CSS选择器用途可以把选择器分为标记选择器、类选择器、全局选择器、ID选择器和伪类选择器等。【例6.1】 id选择器style#para1{ text-align:center; color:red;} /style/headbodyp id=para1Hello World!/pp这个段落不受该样式的影响。/p/body图6.1 案例6.1运行效果图【程序执行效果】 如图6.1所示，本例的样式规则应用于元素属性id=para1: 【例6.2】 class选择器headstyle.center{ text-align:center;}/style/headbodyh1 class=cen