CSS选择器优先级,样式继承,文本样式与单位

81 阅读1分钟

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