什么是 tailwindcss

首先它是一個(gè)通用的類(lèi) css 框架，它內(nèi)置了很多方便使用的 class，比如 text-center,pt-4,rotate-90，通過(guò)使用這些內(nèi)置的樣式，你可以非?？焖俚貥?gòu)建出一個(gè)網(wǎng)站的雛形。

tailwindcss 從大小，顏色，字體，陰影方面去優(yōu)化你的界面，你可以通過(guò)它們的組合搭配構(gòu)建出最滿(mǎn)意的視覺(jué)效果。

強(qiáng)大的的包容性

如果你真的使用過(guò) tailwindcss 的話(huà)，你會(huì)發(fā)現(xiàn)它的包容性非常強(qiáng)，一個(gè)固定的 html 結(jié)果，你完全可以使用 tailwindcss 的不同樣式而構(gòu)建出不同的網(wǎng)頁(yè)效果，可以說(shuō)你寫(xiě)了一套 html 代碼，通過(guò) tailwindcss 你就相當(dāng)于有了好幾個(gè)不同的主題。

精簡(jiǎn)代碼

可以說(shuō)隨著項(xiàng)目的發(fā)展，總是會(huì)或多或少遺留一些未使用過(guò)的 css 樣式，隨著時(shí)間的積累，它們會(huì)越來(lái)越大，導(dǎo)致加載速度變慢，導(dǎo)致維護(hù)起來(lái)也變得困難，不過(guò)這些在使用 tailwindcss 的時(shí)候完全不存在，tailwindcss 會(huì)自動(dòng)刪除未使用的樣式，通過(guò)處理器刪除未使用的 css 之后，大部分的 css 都會(huì)變得非常小。

響應(yīng)式支持

我們知道通過(guò)媒體查詢(xún)是可以實(shí)現(xiàn)頁(yè)面的響應(yīng)式的，tailwindcss 通過(guò)內(nèi)置不同的寬度前綴樣式來(lái)實(shí)現(xiàn)響應(yīng)式，tailwindcss 使用移動(dòng)優(yōu)先策略，也就是說(shuō)無(wú)前綴的樣式所有頁(yè)面寬度都適用，而有前綴的樣式只在特殊的寬度設(shè)備上適用。當(dāng)然，對(duì)于 tainwindcss 還支持你自定義媒體查詢(xún)寬度。

暗黑模式

自從蘋(píng)果推出了暗黑模式后，現(xiàn)在不管是手機(jī)應(yīng)用，還是網(wǎng)頁(yè)應(yīng)用，還是 pc 應(yīng)用，都會(huì)盡量提供暗黑模式，也就是深夜模式。 tailwindcss 是支持暗黑模式的，而且使用非常方便，只需要在樣式類(lèi)前面加上dark:就可以實(shí)現(xiàn)。

支持自定義

tailwindcss 之所以被越來(lái)越多的人喜歡可不僅僅是它的精心設(shè)計(jì)的內(nèi)置樣式，而是它支持自定義的樣式配置，支持你擴(kuò)展原來(lái)的樣式表，從調(diào)色板，到間距，到陰影等，你都可以自己去定義，這對(duì)于要求高度還原設(shè)計(jì)的網(wǎng)站絕對(duì)是必須的。

編輯器的支持

對(duì)于前端工程師來(lái)說(shuō)，vscode 已經(jīng)成為了標(biāo)配開(kāi)發(fā)工具，而 tailwindcss 為此提供了智能提示插件，安裝了該插件之后，在寫(xiě) css 的時(shí)候你也能體會(huì)到自動(dòng)補(bǔ)全，并且它還會(huì)對(duì)一些錯(cuò)誤的類(lèi)定義進(jìn)行語(yǔ)法提示，可以說(shuō)非常智能。

網(wǎng)友們的評(píng)價(jià)

一個(gè)人說(shuō)好不算好，需要大家說(shuō)好才算好，下面總結(jié)一些網(wǎng)友們對(duì)它的評(píng)價(jià)：

• 直到現(xiàn)在才使用 tailwindcss，我覺(jué)得我就是白癡。
• Tailwindcss 讓編寫(xiě)代碼感覺(jué)就像我在使用設(shè)計(jì)工具。
• Tailwindcss 是這個(gè)星球上最偉大的 css 框架。
• Tailwindcss 正在彌合設(shè)計(jì)系統(tǒng)和產(chǎn)品之間的差距。它正在成為事實(shí)上的樣式 API。
• 我再也不想寫(xiě)普通的 css 了。只有 tailwindcss。
• 在我使用它的那一刻我就愛(ài)上它了。
• Tailwindcss 同時(shí)讓 css 變得有趣，并徹底改變了我構(gòu)建產(chǎn)品的方式。它快速，高效，使用起來(lái)非常愉快。