Tailwind CSS， 完整指南， 构建项目
上次更新时间：2024-10-03
课程售价: 2.9 元
联系右侧微信客服充值或购买课程
课程内容
1. Tools
2. Tailwind CSS Setup
3. Tailwind CSS Basics
- 1. Section Intro
- 2. @tailwind Directive
- 3. Install VS Code Tailwindcss Intellisense Extension
- 4. Background Colors & Text Colors
- 5. Font Sizes
- 6. Padding and Margin Classes
- 7. Width Classes
- 8. Height Classes
- 9. Borders and Border Radius Classes
- 10. Shadow Classes
- 11. Gradient Background
- 12. Before and After Pseudo Classes
- 13. Hover Effect
- 14. Flex Container
- 15. Flex Items
- 16. Flex Wrap
- 17. Align Items Vertically and Horizontally
- 18. Block Elements and Inline Elements
4. Responsive Design & Tailwind CSS Customization
5. Create Tailwind CSS Button Components
- 1. Buttons Demo
- 2. Create New Project
- 3. Buttons HTML Code
- 4. Style Buttons
- 5. Rounded Buttons
- 6. Shadow Buttons
- 7. Button Ring
- 8. Material Buttons
- 9. Sweet Buttons
- 10. Solve Sweet Buttons Issue
- 11. Outline Buttons
- 12. Smart Buttons
- 13. Gradient Buttons
- 14. Loading Buttons
- 15. Block Buttons
- 16. Make Buttons Container Responsive
6. Alert Components
7. Login Form with Dark Mode
8. Table
9. Caferio Foods Website (Setting)
10. Caferio Foods Website (Header)
11. Caferio Foods Website (Navbar )
12. Caferio Foods Website (Categories)
13. Caferio Foods Website (Dashes)
14. Caferio Foods Website (Pricing)
15. Caferio Foods Website (Testimonials)
16. Caferio Foods Website (Download App)
17. Caferio Foods Website (Footer)
18. Caferio Foods Website (LoaderSpinner)
19. Caferio Foods Website (Deployment)
课程内容
19个章节 , 139个讲座
1. Tools
2. Tailwind CSS Setup
3. Tailwind CSS Basics
- 1. Section Intro
- 2. @tailwind Directive
- 3. Install VS Code Tailwindcss Intellisense Extension
- 4. Background Colors & Text Colors
- 5. Font Sizes
- 6. Padding and Margin Classes
- 7. Width Classes
- 8. Height Classes
- 9. Borders and Border Radius Classes
- 10. Shadow Classes
- 11. Gradient Background
- 12. Before and After Pseudo Classes
- 13. Hover Effect
- 14. Flex Container
- 15. Flex Items
- 16. Flex Wrap
- 17. Align Items Vertically and Horizontally
- 18. Block Elements and Inline Elements
4. Responsive Design & Tailwind CSS Customization
5. Create Tailwind CSS Button Components
- 1. Buttons Demo
- 2. Create New Project
- 3. Buttons HTML Code
- 4. Style Buttons
- 5. Rounded Buttons
- 6. Shadow Buttons
- 7. Button Ring
- 8. Material Buttons
- 9. Sweet Buttons
- 10. Solve Sweet Buttons Issue
- 11. Outline Buttons
- 12. Smart Buttons
- 13. Gradient Buttons
- 14. Loading Buttons
- 15. Block Buttons
- 16. Make Buttons Container Responsive