什麼是 Tailwind CSS

您在上一個 專案中編寫了多少行 程式碼?如果你回答的話,很多甚至幾乎。那麼您就來對地方了。在本文中,我們將了解 。透過它,您可以減少 的 行。是的,你沒看錯。我已經使用 一段時間了,但還沒有寫過一行 。

什麼是 ?
簡而言之,是一個框架,但它與和不同。它僅提供您設計自己的網頁所需的原始基礎知識,例如邊距、尺寸、位置、顏色等。您不會找到按鈕和導覽列等標準組件 您可以使用 來建立自己的組件。這提供了巨大的自由,而許多現代框架僅限制您所建造的內容;無需覆蓋任何內容!

為什麼要使用「實用程式優先」的框架?
像這樣的低階、注重實用性的 框架有許多好處。讓我們看看其中最重要的:

您可以更好地控制元素的外觀

我們可以使用實用程式類別更輕鬆地修改和細化元素的外觀。
在大型專案中很容易管理和維護,因為您只維護 文件,而不是大型 程式碼庫。
可以更輕鬆地創建獨特的個人化網站,而不必為不需要的樣式而煩惱。
它具有高度可自訂 菲律賓電子郵件列表 性和可擴展性,為我們提供了無限的靈活性。
此方法以移動性為中心,並且很容易實現合適的設計模式。

電子郵件數據

可以將常見的重複模式提取到自訂的可重複使用元件中 在大多數情況下,無需編寫一行自訂 。
它有不言自明的類。僅透過閱讀類別就可以想像樣式化元素是什麼樣子。

的優點
個人化
是從頭開始建立的,具有超級可自訂性。它帶有預設配置,但很容易使用專案中的 檔案覆蓋此配置。從顏色到間距大小和字體的所有內容都可以使用設定檔輕鬆自訂。不再需要與框架進行鬥爭,嘗試找出要替換哪些類別才能獲得所需的結果。

發展速度
因為您不需要命名事物,不需要太多的上下文切換,而且您不必費力地使用框架來進行自訂,因此使用 進行原型設計和實現自訂設計非常快。比大多數其他 框架快得多,當然也比寫自訂 快。 提供了建立網站所需的幾乎所有工具,因此您很少需要編寫自訂 。如果您喜歡 和 之類的組件,則可以非常輕鬆地自行創建它們以在整個專案中使用。

隨處響應

所有 實用程式均以響應式版本生成,您可以使 哈伯揭示的大爆炸的黑暗遺產 用這些版本使您的網站在行動裝置、平板電腦和桌面螢幕上看起來有所不同。此外,它還提供 和 指令來幫助產生響應式的自訂類別。

無上下文切換
使用起來更快的原因之一是您幾乎不需要上下文切換。由於框架幾 回波數據 乎提供了您需要的一切,因此在創建設計時您很少會留下 (或其他模板語言)。無需再在 和 之間切換數百次即可獲得完美的外觀設計。

綜合設計系統
設定檔的另一個好處是它為您提供了一個可以工作的設計系統。在大多數情況下,如果使用正確的間距、尺寸、顏色等,設計看起來會更好。持續的。由於 允許您提前配置所有這些值(或提供合理的預設值),因此只要您堅持使用 類,您就在設計系統上有了一個很好的開始。

返回頂端