Tailwind CSS 初學課程教學

為什麼學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/