Tailwind CSS 初學課程教學
2023/05/17閱讀時間約 1 分鐘
TaiwlildCSS已成為主流技術在2023年https://roadmap.sh/frontend
為什麼學TailwildCSS?
擁有良好的設計系統(Design System)以及CSS-In-JS增加讀取速度和不需要創建CSS檔案即可以用class去做Styling
學習TailwildCSS需要準備哪些?
- CSS3基礎更能快速上手
舉例: width: 100% 現在只要w-full就可以了
前期需要耐心去熟悉這些簡約的用法
JayLin希望透過基礎介紹和案例教大家如何用TailwildCSS
Part 1 - 初步介紹和安裝c
這次教大家Tailwind CSS 安裝和簡約介紹
Part 2 - Tailwind CSS 響應式 Responsive 設計介紹
響應式設計(Responsive Web Design)用法在Tailwind 裡面
Part 3 - 客製化和background-image背景圖
今天分享如何在Tailwind CSS客製化以及置入背景圖案(background Image)
總結
- Tailwind CSS已成為主流技術，你可以在Next.js 創立專案時候看到:)
- React也推薦使用Next.js 去創立App，所以Tailwind CSS 我相信會越來越熱門
更多相關教學文章持續更新，請別忘記追蹤呦
JayLinXR YT: https://www.youtube.com/@jaylinxr
JayLinXR IG: https://www.instagram.com/jaylin_xr/
為什麼會看到廣告
11會員
30內容數
留言0
查看全部
