標籤: CSS 頁1
教學
CSS width 與 height 屬性的響應式值- fill-available、fill-content
CSS3 在 width 與 height 屬性多了幾個值可以用來配合響應式的網站 UI，來介紹一下 fill-available、fill-content 的用法。
網路資源
MagicPattern CSS Patterns- 方便的 CSS 背景圖樣產生器
MagicPattern CSS Patterns 是一個方便的 CSS 背景圖樣產生器，可以選擇喜歡的樣式，並設定顏色，就可以把產生的 CSS code 貼回自己的網站。
教學
[WordPress] 透過 wp_enqueue_style() 即時更新 style.css 設定的樣式
當我們要自製 WordPress 的佈景主題時，可能會需要頻繁的更動樣式，不過因為 WP 本身有暫存的關係，樣式可能會無法即時看到更新的結果，這時候可以參考以下的方法。
教學
透過 CSS 修改 li 列表前面點點的顏色
在 CSS 裡面我們可以透過 list-style 去修改列表的樣式，但如果要修改顏色的話會連文字顏色一起修改，這邊我們可以透過 ::before 的方式，在 li 的內容前面增加一個點點，這樣就可以修改那個點點的顏色了。
網路資源
CSS Script- 收集許多優秀的 javascript 和 CSS/CSS3 套件
CSS Script 是一個收集許多優秀的 javascript 和 CSS/CSS3 套件的網站。
網路資源
Interneting Is Hard- 教你一些跟網頁相關的基礎開發知識
Interneting Is Hard 是一個打著 XX 是困難的，但是可以克服口號的網站，上面目前有基礎的 CSS 跟 HTML 教學，有興趣的可以看看，或者可以補充一些基本觀念。
教學
[CSS] 修改滑鼠游標樣式- cursor 屬性
一般網頁上滑鼠的游標都會有預設的樣子，像是本來的箭頭，或是移到超連結上的手形，那如果有要修改在不同元素上的滑鼠游標的樣子，就可以使用 CSS 的 cursor 屬性。
教學
使用純 CSS 製作填滿某個區塊而且可以隨區塊調整大小的背景影片(video)
利用影片當背景可以讓整個版面看起來更活潑，而在 CSS3 出來之後就可以透過 video 標籤搭配 CSS 的 object-fit 來製作可以隨著區塊大小的影片背景了。
教學
在 amp-img 使用 object-fit
之前有提過要在 AMP 裡面使用圖片必須要使用 amp-img 的標籤，而且需要給定寬跟高，但在現在很常需要用到裡用把圖片塞入某個區塊內的 object-fit 的方式，就沒辦法直接用了，但還好官方也有提供方法讓我們可以去使用 object-fit，可以參考以下做法。
網路資源
Tailwind CSS- Utility-First CSS 的 CSS 框架
Tailwind CSS 是一個近年崛起的 CSS 框架，不同以往使用框架只是 class name 的搭配組合，Tailwind CSS 還提供你利用內建的樣式產出新的模組的功能，對於開發者來說又更有彈性了，從事前端開發的朋友都應該花點時間試試看他的威力。
