[!info] related notes

• 父 MOC：CSS MOC
• 学习路线：CSS 学习路线 MOC

CSS 响应式与视觉 MOC

知识总览

filters:
  and:
    - 'file.ext == "md"'
    - 'file.inFolder("z")'
    - 'this.file.links.contains(file)'
    - 'file.path != this.file.path'
formulas:
  knowledge: 'file.asLink(title)'
properties:
  formula.knowledge:
    displayName: 知识
  note.description:
    displayName: Description
  note.mastery:
    displayName: Mastery
views:
  - type: table
    name: 知识总览
    order:
      - formula.knowledge
      - note.description
      - note.mastery
    columnSize:
      formula.knowledge: 280
      note.description: 760
      note.mastery: 56

从这里开始

1. 单位与尺寸
2. 响应式布局
3. CSS 变量
4. transition · animation

视觉

• 元素模糊与背景毛玻璃

• 阴影的渲染成本

• 文本与视觉

• transform

• 状态设计

• 文本溢出

继续深入

• 工程化