可視化 CSS 樣式表手冊–css reference

前端開發新人一般是從HTML+CSS 進行入門學習，在設計書籍導航里有一系列前端從入門到精通的書籍推薦，但是我們偶爾在線學習會更加方便，比如今天分享cssreference，它是一個專門介紹 CSS 樣式表的免費在線學習網站。

css reference的特色之處就是每個樣式表屬性都有圖文介紹，並且帶一些在實例，方便同學們理解。

項目名稱：css reference

項目地址：http://cssreference.io/

網站重點收集了流行的屬性，包括 Flexbox，CSS3動畫屬性等等，並且含有實例演示，對於學習每個樣式屬性的用法非常方便。

使用教程

建議大家直接在首頁搜索想學習的樣式表屬性，比如搜索 transition，就會自動出現對應結果。

點擊進去後後，我們看到左邊就是相關樣式表關聯的屬性，右邊就是其用法以及圖文案例展示。

Transition-delay 屬性

我們可以根據實例提示，對右側的實例進行操作，比如：

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！