Skip to content

CSS 特性与扩展 ​

CSS特性 ​

优先级 ​

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

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

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

层叠性 ​

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

继承性 ​

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

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

Emmet简写 ​

Emmet Documentation

CSS样式先后规范 ​

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

②盒模型

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

④文字与样式

⑤交互与动画

CSS扩展 ​

颜色渐变 ​

liner-gradient

radial-gradient

颜色透明 ​

transparent

动画与变换 ​

transform

CSS过渡 ​

CSS动画 ​

基于 MIT 许可发布