CSS有三个非常重要的特性:层叠性、继承性、优先级
层叠性
样式会被下面的覆盖,比如p中文字显示是pink而不是blue
<style>
p {
color: blue;
}
/* 覆盖上面的颜色 ,且字体会显示为16px*/
p {
color: pink;
font-size: 16px;
}
</style>
</head>
<body>
<p>我是文字</p>
</body>
继承性
现实中我们继承了父亲的姓
CSS中的继承:子标签会继承付标签的某些样式,如文本颜色和字号。简单理解就是子承父业。
①恰当的使用继承可以简化代码,降低CSS样式的复杂性
②子元素可以继承父元素的样式(text-,font-,line-这些开头的可以继承,以及color属性)
③继承性口诀:龙生龙,凤生凤,老鼠儿子会打洞
优先级