Utility-first CSS 与 Tailwind 思想边界 | CSS

本章覆盖:utility class;atomic CSS;Tailwind 的定位;composition in markup;design token / config;responsive utility;state utility;utility-first 的效率与 HTML class 密度 trade-off;与 component CSS 并不是绝对互斥;企业项目按团队技术栈学习,不把框架 API 混入 CSS 核心语义;理解原生 CSS 后再使用 utility framework。

本章知识点

  • utility class
  • atomic CSS
  • Tailwind 的定位
  • composition in markup
  • design token / config
  • responsive utility
  • state utility
  • utility-first 的效率与 HTML class 密度 trade-off
  • 与 component CSS 并不是绝对互斥
  • 企业项目按团队技术栈学习,不把框架 API 混入 CSS 核心语义
  • 理解原生 CSS 后再使用 utility framework