- https://flowbite.com/
- https://tailwind-elements.com/
- https://preline.co/index.html
- 有人公开出来的tailwind官方UI
- tailwindcss官方安装说明文档
- tailwind中文文档
使用VScode搭建环境,做tailwind入门:
核心概念包含
开始布局参见 style.html
- 容器
- Box Decoration Break
- Box Sizing
- Display
- 浮动
- 清除浮动
- Isolation
- Object Fit
- Object Position
- 溢出
- Overscroll Behavior
- 定位
- Top/Right/Bottom/Left
- 可见性
- Z-Index
完成以下大类
见grid.html,包含:
Tailwind官方UI网站搭建
git clone https://github.com/davidivkovic/tailwindui.git
<VirtualHost *:80>
ServerName tailwind.com
DocumentRoot "E:/Work/Git/TestProject/tailwind/tailwindui/preview"
<Directory "E:/Work/Git/TestProject/tailwind/tailwindui/preview">
Options +Indexes +Includes +FollowSymLinks +MultiViews
AllowOverride All
Require local
Require all granted
</Directory>
</VirtualHost>
Host 127.0.0.1 tailwind.com 本地访问: http://tailwind.com/components/
见Filter.html,包含:
11、BackDrop 背景处理的这个属性没搞太清楚,算了。