css样式优先级:不同的
优先级顺序大原则:!important > 内联样式 > 选择器设置样式 > 浏览器默认样式 > 继承样式
如果优先级相同,后面的覆盖前面的
CSS选择器权重计算
- 千位:
CSS继承
- 继承属性:设置后自动继承给后代元素
有color、font-size、font-family、line-height等
- 非继承属性:设置后无法继承给后代元素
CSS文本样式,单位
color,设置字体颜色
- 单词表示法:red、grey、blue
- 十六进制表示法:#ff00ff、#f0f
- rgb表示法:rgb(0, 255, 100),rgba(1, 24, 53, .3)
背景透明和整体透明
- 背景透明:
background-color:
font-size,用于设置字号大小
- font-size:20px,
- font-size:2em,设置为来自继承的font-size的2倍
- font-size:2rem,设置为html根节点(16px)的2倍
浏览器默认字体大小16px