CSS
Resources
CSS Selector
Grid
Selector Naming
- 小写命名，中间使用连字符，专有名词可以用拼音。例如：
cs-logo-youku{} - 不使用 ID 选择器
- 借用 HTML 命名
- 更简短精悍
- list -> li
- link -> a
- box -> x
Best Practices
- 避免使用嵌套选择器
参考：
《CSS 选择器世界》- 张鑫旭
框架
Tailwind CSS
- VSCode 集成用于自动完成、语法检查、语法高亮等功能
- Prettier 集成用于自动排序类名
UnoCSS
- UnoCSS Animates：UnoCSS 动画效果预览
StyleX
CSS Animation
字体
CSS Fonts：A complete collection of web safe CSS font stacks.
其他
为您详细比较三个 CSS 预处理器（框架）：Sass、LESS 和 Stylus - OSCHINA - 中文开源技术交流社区