一、簡介

Tailwind CSS是一個工具優先的CSS 框架，只需書寫HTML 代碼，無需書寫CSS，即可快速構建美觀的網站。

二、優點

1、簡潔、規整，避免了隨意取類名

        Tailwind CSS 的工具類(Utility classes) 能夠為你提供一套約束系統，避免讓你的樣式表中出現隨意的取值。它讓顏色、間距、排版、陰影以及一切取值保持一致，并最終形成一個精心構建的設計系統

2、靈活性強、你所想地就能實現

        由于Tailwind 抽象層級較低，因此它從不鼓勵將同一個設計應用到兩個網站上。即使使用相同的調色板(color palette) 和尺寸設置，也能很容易地讓同樣地組件，具有完全不同地外觀。

3、體積小，絕不包含任何用不到地css 代碼

        Tailwind 會在針對生產環境進行構建時自動刪除所有未使用到地CSS 代碼，也就是說你所獲得地最終地 CSS 代碼包地尺寸是最小地。事實上，大部分Tailwind 項目所生成地CSS 代碼包都小于 10kB。

4、響應式設計貫穿整個框架

        在任何工具類前面添加一個代表屏幕尺寸地前綴，然后就能看到它神奇地作用到某個特定地斷點(breakpoint) 上了。

5、支持鼠標懸停和焦點狀態

        將 hover: 前綴添加到 你所要使用的 CSS 類的名稱前面即可。支持 focus、 active、disabled、 focus-within、focus-visible 以及 我們自己所創造的一些奇妙的狀態，例如 group-hover

<