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來建立開發環境的。這個文章會介紹怎樣安裝和建立開發環境的一些要點。