使用 Tailwind Viewer

繼續介紹Tailwind, Tailwind其中一個我很喜歡的東西，就是有一個open source項目叫Tailwind Viewer；
這個工具可以讓大家很方便的查看相關CSS的效果；

Tailwind 搜索頁

之前寫了不少關於Tailwind介紹和功能文章，這次會分享一個教程，
說明如何使用Tailwind製作一個簡單的搜索頁面。

Tailwind Variant備註

Variant在Tailwind來說，是一個必須要知道的東西，它控制了不同情況頁面的效果，例如黑夜模式時背景是什麼顏色，
在平板顯示時的字體大小；不過，使用時variant需要注意一些事情，這文章會為大家講解一下。

如何使用@apply

使用Tailwind時，你會發現它只提供了例如 p-2 bg-red-100 w-10 等Utility類，但是沒有定義基本HTML元素 <P>、<H1> ，又或者按鈕、面板等樣式；如果希望定義這些元素的樣式，就需要用上Tailwind 其中一個directive @apply； 本文就是介紹這個 @apply 怎樣使用；

建立TailWind開發環境

上一次對Tailwind的作了的一些基本介紹，如果大家有興趣使用，應該會在想如何安裝和使用；
而Tailwind的安裝和很多CSS Framework一樣，雖然可以使用CDN連結，但是一般來說，主要會用npm來建立開發環境的。這個文章會介紹怎樣安裝和建立開發環境的一些要點。

什麼是TailwindCss?

最近因為工作需要，需要製作很多網站，從學習中，接觸了TailwindCss；
TailwindCSS這個是一個蠻有趣的CSS Framework，改變了我們一般處理HTML Style的作法；
內文會介紹TailwindCss，讓大家知道Tailwind有什麼特別。