CSS高级特性
①CSS复合选择器
•标签指定式选择器（交集选择器）：有两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格。
p.example{color:red;}
•后代选择器：用来选择元素或元素组的后代，外层标记写在前面，内层标记写在后面，中间用空格分隔。当标记发生嵌套时，内层标记就成为外层标记的后代。
p strong{color:red}
•并集选择器：各个选择器通过逗号连接而成的，任何形式的选择器都可以作为并集选择器的一部分。
h2,h3,p{color:red;font-size:18px;}
h3,.example,#example{text-decoration:underline;}/*标记，类，id组成的并集选择器*/
②CSS层叠性和继承性
•层叠性：css样式的叠加。
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
p{font-size:12px;}
.example{font-size:16px;}
#example{text-decoration:underline;}
</style>
</head>
<body>
<p class="example" id="example">有效果</p>
<p>没效果</p>
</body>
结果：
•继承性：子标记会继承父标记的某些样式
p,h1,h3,ul,ol,li{color:black;}
可以写成
body{color：black}
并不是所有css属性都可以继承，例如：边框属性，外边距属性，内边距属性，背景属性，定位属性，布局属性，元素宽高属性
③CSS优先级
!important > 行内式 > id > class > 标记 > 继承样式
•权重相同时，css遵循就近原则
2.课堂作业
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这是金河的课堂小测试</title>
<style type="text/css">
.ziti{ font-style:italic;}
.text{color: aqua;}
.text1{font-weight:bold;}
</style>
</head>
<body>
<h2 align="center">高校It骨干教师培训班将于7月在威海举行（图）</h2>
<p align="center">2019年12月25日 10:40 金河编 我无话可说 （<font size="5" color="red">999+</font>人参与）</p>
<hr>
<p class="ziti">高校It骨干教师培训班将于7月在威海举行（图）</p>
<p>
据传智播客的消息，中国电子学会将携手csdn<font class="text">[微博]</font>和传志播客教育集团 <font class="text">[微博]</font>于2019年12月25日在威海举办“2019年全国高校骨干教师培训班”。本次培训与2019年12月25日至28日举办，课程涵盖：javaEE,.net，php，网页平面设计，ios，c++六个方向</p>
<p class="text1">
高校It骨干教师培训班将于7月在威海举行</p>
<p>
传志播客<font class="text">[微博]</font>还将为校企之间，校校之间提供交流分享专业建设与教学改革的理念，经验与成果的平台。</p>
</body>
</html>
结果
3.百度脑图
577
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
