Tailwind

目录-入口-由此开始-大纲-总览-概括-枢纽-指导-指引-总领

1.1. 实际使用的视频:

【tailwind前端框架实战】用全新的前端框架tailwind做一个github页面，能加快300%写代码的速度，前端程序员必看_哔哩哔哩_bilibili

1.2. 梗概:

1. 使用预制好的样式, 避免自己琢磨样式
   1. tailwind 需要一个css预处理器, 主要根据所写的html文件来生成其使用到的css预制样式
2. 离开css, 直接在HTML标签内引用内置的css样式
   1. 这些样式都处于一套系统下, 比较统一

使用教程

• child::tailwind使用指南

1.3. 适用范围:

场景

• beused::避免被外部样式影响

优点:

1. 不用考虑 class 的命名。
2. CSS 文件大小增长可控，通过 purge 可生成非常小的 CSS 文件。
   1. 只有用到的样式才会生成到项目中
   2. CSS 的大小恒定，不会跟随项目的增长而增长
      1. 因为预定好的那些样式也就哪一些
3. 统一设计系统下的样式与布局。
4. IDE 集成优秀。
5. 精确选择，避免样式影响到其他元素

1.3. 缺点:

1. 粒度比较粗