本文详细介绍了CSS的三大特性：层叠性、继承性和优先级，以及CSS样式表的行内式、内部样式表和外部样式表的分类。同时，文章还讨论了CSS标签的显示模式，包括块级元素、行内元素和行内块元素，并提供了显示模式转换的方法。
1. css三大特性
css语法具有以下三大特性：层叠性、继承性、优先级。
层叠性
所谓层叠性是指多种CSS样式的叠加。
如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉。
比如先给某个标签指定了内部文字颜色为红色，接着又指定了颜色为蓝色，此时出现一个标签指定了相同样式不同值的情况，这就是样式冲突。
一般情况下，如果出现样式冲突，则会按照CSS书写的顺序，以最后的样式为准。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css层叠性</title>
<style type="text/css">
div {
color: red;
}
div {
color: blue;
font-size: 12px;
}
</style>
</head>
<body>
<!-- 最终颜色为蓝色，字体12px -->
<div> 王可可 是一条狗 </div>
1. 样式冲突，遵循的原则是就近原则。（权重相同）哪个样式距离目标元素越近，就执行哪个样式。
2. 样式不冲突，不会层叠
</body>
</html>
- 样式冲突，遵循的原则是就近原则。（权重相同） 哪个样式距离目标元素越近，就执行哪个样式。
- 样式不冲突，不会发生层叠
继承性
所谓继承性是指书写CSS样式表时，子标签会继承父标签的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。
最低0.47元/天 解锁文章
1308
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
