网页设计-第九章.pptVIP

第九章 CSS的高级特性 9.1 复合选择器 1、“交集”选择器 “交集”复合选择器由两个选择器直接连接构成，其结果是选中两者各自元素范围的交集。其中第一个必须是标记选择器，第二个必须是类别选择器或者是ID选择器。这两个选择器之间不能有空格，必须连续书写，形式如下所示。 h3.class { color ：red ；font-size：23px ；} 标记 类别选择器 属性 值 属性 值 例如：网页文件9_1.html 第九章 CSS的高级特性 9.1 复合选择器 2、“并集”选择器 “并集”复合选择器，又称为“集体声明”，它的结果是同时选中各个基本选择器所选择的范围。任何形式的选择器（包括标记选择器，class选择器、id选择器等）都可以作为并集选择器的一部分。 “并集”选择器是多个选择器通过逗号连接而成的。在声明各种CSS选择器时，如果某些选择器的风格是完全相同的，或者部分相同，就可以利用并集选择器同时声明风格相同的CSS选择器。 标记,类别选择器,ID选择器 { color ：red ；font-size：23px ；} 属性 值 属性 值 例如：网页文件9_2.html 第九章 CSS的高级特性 9.1 复合选择器 3、后代选择器 在CSS选择器中，还可以通过嵌套的方式对特殊位置的HTML标记进行声明，例如p与/p之间包含span/span标记时，就可以使用后代选择器进行相应的控制。后代选择器的写法就是把外层的标记写在前面，内层的标记写在后面，之间用空格分隔。当标记发生嵌套时，内层的标记就成为外层标记的后代。例如下面的代码： p外面的文字span中间的文字b后面的文字/b/span/p 例如：网页文件9_3.html 第九章 CSS的高级特性 9.2 CSS的继承特性 1、继承关系 在这个树型关系中，处于最上端的html标记称之为“根(root)”，它是所有标记的源头，往下层层包含。在每一个分支中，称上层标记为其下层标记的“父”标记；相应地，下层标记称为上层标记的“子”标记。 html body head em p html head/head body p这是em段落/em文字/p /body /html 继承关系树型图 第九章 CSS的高级特性 9.2 CSS的继承特性 CSS继承指的是子标记会继承父标记的所有样式风格，并可以在父标记样式风格的基础上再加以修改，产生新的样式，而子标记的样式风格完全不会影响父标记。 2、CSS继承的运用 例如：网页文件9_4.html 第九章 CSS的高级特性 9.3 CSS的层叠特性 CSS（ cascade style sheet ）的全名叫做“层叠样式表”，可以简单地理解为“冲突”的解决方案。 例如：网页文件9-5.html