#目标#：能够认识css的继承和层叠特性
学习路径：
1.继承性
->特性：子元素有默认继承父元素样式的特点（子承父业）
可以继承的常见属性（文字控制属性都可以继承）
1.color
2.font-style、font-weight、font-size、font-family
3.text-indent、text-align
4.line-height
5. .........
->注意点：
可以通过工具判断样式是否可以继承
控制文字的属性都能继承；不是控制文字的属性都不能继承
代码示例：
<style>
div{
color: red;
font-size: 30px;
height: 300px;
/* 前两个是控制文字的属性，可以继承 */
/* 后面那个不是控制文字的属性，不可以继承给span标签 */
}
</style>
</head>
<body>
<div>
这是div标签里面的文字
<span>这是div标签里的span</span>
</div>
</body>
拓展：继承失效的特殊情况
->如果元素有浏览器默认样式，此时继承性依然存在，但是某些标签不能完全继承其父标签的所有属性
1.a标签的color会继承失效
2.h系列标签的font-size会继承失效
代码示例：
<style>
div{
color: red;
font-size: 12px;
}
</style>
</head>
<body>
<div>
<a href="#">这是超链接</a>
<h1>一级标题</h1>
</div>
</body>
2.层叠性
->特性：
1.给同一个标签设置不同的样式->此时样式会层叠叠加->会共同作用在标签上
2.给同一个标签设置相同的样式->此时样式会层叠覆盖->最终写在最后的样式会生效
->注意点：
当样式冲突时，只有当选择器优先级相同时，才能通过层叠性判断结果
代码示例：
<style>
div{
color:red;
color: green;
}
.box{
font-size: 30px;
}
</style>
</head>
<body>
<div class="box">
这是一个div标签
</div>
</body>
29万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
