css特性-层叠性,继承性,优先级
1.层叠性:多种css样式的叠加
原则:
1.样式冲突时遵循 就近原则,哪个样式离结构近,折行哪个
2.样式不冲突时,不会层叠
口诀:长江后浪推前浪,前浪死在沙滩上
2.继承性:子标签会继承父类的某些标签,如文本颜色和字号
注意:
1.前档的使用继承可以简化代码,建简化css样式的复杂度
2.子元素可以继承父元素的样式有
1.text- 系列
text-indent:文本缩进
text-align:文本水平对齐
line-height:行高
word-spacing:单词之间的间距
letter-spacing:中文或者字母之间的间距
text-transform:控制文本大小写(就是uppercase、lowercase、capitalize这三个)
color:文本颜色
2.font- 系列
font-family:字体系列
font-weight:字体的粗细
font-size:字体的大小
font-style:字体的风格
3、元素可见性:
visibility:控制元素显示隐藏
4、列表布局属性:
list-style:列表风格,包括list-style-type、list-style-image等
5、光标属性:
cursor:光标显示为何种形态
口诀:龙生龙,凤生凤,老鼠儿子会打洞
3.优先级(重点)
权重计算公式
1.继承样式或者*通配符,权重公式 0 0 0 0
2.标签选择器 权重公式 0 0 0 1
3.类,伪类选择器 权重公式 0 0 1 0
4.id选择器 权重公式 0 1 0 0
5.行内样式style = “”; 权重公式 1 0 0 0
6.每个!important 重要的 : 权重公式 无穷大