(一)Tailwindcss
文章目录
- 项目地址
- 一、常用
- 1.1 字体
- 1. 字体大小
- 2. 字体粗细
- 3. 文字位置
- 1.2 宽/高/背景/边框
- 1. 宽度
- 2. 背景
- 3. 边框
- 4. hover
- 5. 媒体查询
- 1.3 FlexBox
- 1. Flex布局
- 2. shrink
- 3. Grid 布局
项目地址
- 教程作者:
- 教程地址:
- 代码仓库地址:
- 所用到的框架和插件:
dbt
airflow
一、常用
1.1 字体
1. 字体大小
- 效果
2. 字体粗细
3. 文字位置
1.2 宽/高/背景/边框
1. 宽度
2. 背景
3. 边框
4. hover
5. 媒体查询
1.3 FlexBox
1. Flex布局
2. shrink
类名 | 等价 CSS | 行为 |
---|---|---|
flex-1 | flex: 1 1 0% | 自动扩张填满剩余空间 |
flex-auto | flex: 1 1 auto | 会扩张,也会缩小,基础大小由内容决定 |
flex-initial | flex: 0 1 auto | 不扩张,允许缩小,基础大小由内容决定 |
flex-none | flex: none | 不扩张、不缩小,固定大小 |