主要包含

选择器

  • 常见选择器
  • 选择器优先级

布局

  • Flex/Grid 布局 和 Position 布局能搞定绝大部分布局场景。
  • 响应式布局
    • 媒体查询
    • 一些单位：rem，vw，vh等

样式规则

布局相关的样式：盒模型相关

  • Flex 布局相关
  • postion 相关
  • overflow, visible, opacity 相关

其他比较重要的样式规则有：

  • 图片
  • 文本
  • 变形

  • 动画和渐变

    单位

  • 大小单位

  • 颜色单位