css高级应用概述

1、Css高级应用CSS高级应用CSS复合选择器CSS的继承特性概念由两个或多个基本选择器，通过不同方式连接而成3种常用的复合选择器交集选择器并集选择器后代选择器CSS复合选择器概念由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集特点第一个必须是标签选择器第二个必须是类选择器或者ID选择器两个选择器之间不能有空格，必须连续书写交集选择器交集选择器示意图交集选择器同时满足h1与.special的样式需要特殊控制样式时可使用需要特殊控制样式时可使用案例交集选择器p color:blue; p.special color:red;.special color:green;普通段落文本普通标题

2、指定了.special类样式的段落指定了.special类样式的标题仅对仅对p p标签起作标签起作用用添加了添加了.special.special样样式的式的p p标签显示效标签显示效果果概念由两个或两个以上选择器，通过逗号连接构成，其结果是同时选中各个基本选择器所选择的范围特点任何形式的选择器均可作为并集选择器的一部分声明了各个选择器的相同样式并集选择器 并集选择器示意图并集选择器h1与.special样式的并集适合用于声明某些风格完适合用于声明某些风格完全相同或部分相同的选择全相同或部分相同的选择器器案例并集选择器h1, h2, h3, h4, h5, p color:blue; font

3、-size:16px; h2.special, .special, #one text-decoration:underline; “,”连接的选择连接的选择器样式相同器样式相同3个选择器设置了同一样个选择器设置了同一样式，且在第一条式，且在第一条CSS样式样式上增加该样式上增加该样式在大小为在大小为16px，颜，颜色为蓝色的二级标题色为蓝色的二级标题文字下增加了下划线文字下增加了下划线代码优化 代码优化并集选择器* color:blue; font-size:16px; h2.special, .special, #one text-decoration:underline; “*”全局声明

4、，声明全局声明，声明body中的所有标签的中的所有标签的相同样式相同样式“*”全局声明与上一全局声明与上一页案例中的页案例中的“并集选并集选择器择器”声明，显示效声明，显示效果一致果一致使用使用“*”全局声明，可以大大减少代码量全局声明，可以大大减少代码量 概念 通过嵌套的方式，对特殊位置的HTML标签进行声明 特点 外层的标签写在前面，内层的标签写在后面，之间用空格分隔 内层标签是外层标签的后代 3类基本选择器均可与特殊位置的HTML标签进行嵌套后代选择器 案例后代选择器p span /* 嵌套声明 */color:red; span color:blue; 后代选择器，后代选择器，span

5、为为p的后代的后代p span选择器声明的选择器声明的样式样式嵌套使用CSS标签的方法嵌套之外的标签不生效其产生的影响不仅限于元素的其产生的影响不仅限于元素的“直接后代直接后代”，而且，而且会影响到它的会影响到它的“各级后代各级后代” HTML的组织结构继承关系div+css网页制作欢迎来到div+css网页制作课堂，这里将为您提供丰富的学习内容。 在这里，你可以学习到： HTML CSS CSS初级 CSS中级 CSS高级 JavaScript 你还可以学习到： Flash Dreamweaver Photoshop 如果您有任何问题，欢迎给我们留言。继承关系结构树 继承关系树型图继承关系根html标签的子标签title标签的父标签 CSS继承的概念 子标签的所有样式风格，并可以在父标签样式风格的基础上再加以修改，产生新的样式，而子标签的样式风格完全不会影响父标签CSS继承的应用h1 color:blue; text-decoration:underline;em color:red;li color:green; font-weight:bold;仅使“CSS”项下的最深的3个项目显示为绿色，其他项目仍显示为黑色 CSS继承的应用CSS继承的应用h1 color:blue; text-decoration:underline;em color