Skip to content

CSS 特性与扩展

CSS特性

优先级

通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important

优先级计算规则:对于选中的某个元素:

  • 从左向右依次比较选择器个数,同一级个数多的优先级高,如果个数相同,则向后比较
  • !important 权重最高

层叠性

相同属性覆盖,不同属性叠加

继承性

如果父标签有文字样式,子标签将会继承父标签的文字样式

标签默认的文字样式会覆盖继承而来的文字样式,例如a标签

Emmet简写

Emmet Documentation

CSS样式先后规范

①布局与定位(文档流或位置)

②盒模型

③视觉效果(颜色/背景/边框)

④文字与样式

⑤交互与动画

CSS扩展

颜色渐变

liner-gradient

radial-gradient

颜色透明

transparent

动画与变换

transform

CSS过渡

CSS动画

基于 MIT 许可发布