1. 盒子模型的幻燈片

　　通過3D轉(zhuǎn)換效果產(chǎn)生的互動的幻燈片。按向左或向右箭頭鍵切換，全屏觀看會有更好的效果。

2. CSS Diner

　　通過一個簡單的小游戲讓你學(xué)習(xí)CSS selector，輸入正確的selector來完成每一關(guān)。你也可以通過菜單來選關(guān)。

　3. CSS Selectors 交互

　　這是一個簡單可視化CSS選擇器。選擇左邊菜單中的選擇器,選擇的條目就會出現(xiàn)在右邊。

　4. 前端Web開發(fā)考查

　　CSS 屬性有大小寫之分嗎？

5. The Magic of CSS

　　這里有6個章節(jié)的CSS教程，更深入的教程會慢慢開放。

　6. Enjoy CSS

　　一個學(xué)習(xí)CSS的圣地，它專注于CSS。

　7. CSS Guidelines

　　Harry Roberts 已經(jīng)更新了他的開放資源。之前只是GitHub上的一個庫，現(xiàn)在已經(jīng)有了自己的域名，并且優(yōu)化并更新了很多資源。

　8. CSS Triggers…

　　Chrome開發(fā)者Paul Lewis創(chuàng)造了一個頁面解析參考,當(dāng)給定的CSS屬性變更時它會發(fā)揮自己的作用。例如,一些屬性將觸發(fā)重繪和合成,但不會引發(fā)布局。我們可以很容易地通過CSS Triggers來發(fā)現(xiàn)這些變化。

　9. mdo貢獻的代碼指南

　　Bootstrap’s的Mark Otto 整理了他自己風(fēng)格的HTML和CSS指南，這些建議包括屬性的順序，順序的HTML屬性選擇器等等。

　10. Flexplorer

　　這是一個簡單的應(yīng)用，用來來擺弄各種flexbox特性并查看出現(xiàn)在頁面上的實時的完整代碼。它有一個很酷的特性，你還可以通過它來編輯頁面上的文本框，允許您看到這些變化是如何影響其它內(nèi)容的。

　11. CSS Selectors: Targeting HTML Like a Pro

　　Russ Weakley的新課程，是SitePoint的姐妹網(wǎng)站,這里有超過20個視頻介紹的CSS的Selector元素。這不僅僅是一個簡約的插件，而且作業(yè)是一個真正的CSS專家。所以如果你剛剛開始用CSS和還沒掌握選擇器,這可能是一個不錯的選擇。

　總結(jié)

　　不管你的CSS水平如何，我可以保證這些東西肯定能幫到你，如果你手上有正在進行的相關(guān)項目，或是其它不錯的資源可以拿出來和大家一起分享。

　　哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無需額外費用，即可穩(wěn)步提升排名至首頁。歡迎體驗最佳的哈爾濱網(wǎng)站建設(shè)。