10個提供免費CSS教程的頂層網站

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

CSS可以說是HTML最好的基友了，(喂!你這讓js情何以堪啊! JavaScript抹淚飄過)相信很多同學html和css都寫的不錯，但是js卻一直難以攻關，所以我們這裡就不提這一壺了。

言歸正傳，現在有很多提供CSS教程(包括例子說明、小測試、參考選項以及線上的編輯器)的網站，今天分享的這10個網站，你可以通過他們獲取一些小而美的CSS教程，甚至是毫無經驗的新手都可以在上面學習體驗CSS的魅力。

我們對每一個網址做了簡單的說明，你可以先瞭解大概的教程類型，再決定是否學習。 (提醒：大多數教程為英文網站，童鞋們不要擔心，趁機鍛煉下英語，也可以用google翻譯)

假如你想從零開始學習如何建造一個網站，還可以到SDC設計導航去發現優設哥精心推薦的頂層網站 : )

01 Html.net

如果你的問題為：什麼是CSS，它是怎樣被創造的，它如何運行工作，有哪些基本語法?所有這些都可以在這個網站得到答案。

02 W3Schools

大名鼎鼎的網站，提供全面的學習、測試、設計語言的培訓，且範例都是最優簡化過的，在這個網站上你會對那些概念有更加明瞭的理解。 幸運的是，它也有中文網站：www.w3school.com 同樣非常棒呢^_^

03 World Wide Web Consortium or W3C

同樣是家喻戶曉的網站，它給網站的發展制定了標準，童鞋們也可以在上面學習。

04 Html Dog

一個令人難以置信的教程網站，為新手提供專業的CSS教程!

05 Tizag.com

一個我們列為第五項的網站，03年8月創建的，Tizag是初出茅廬的新手的進步的墊腳石，也是很多進階達人的手邊參考網站。

06 Mozilla developer site

一個從一開始就提供別開生面的CSS教程網站，你可以在這裡學到除CSS外的一些東西。

07 CSSTutorial.net

一個提供很棒教學視頻的網站。

08 EchoEcho

為設計愛好者提供的大型資源網站，儘管網站看上去有些老舊，但內容棒極了!

09 Htmlgoodies

我們清單的第九個，它提供了許多額外的CSS3教程學習。

10 Siteground

最後分享最愛的網站，Siteground是一個完全將優秀的教程都搜羅打包的網站，非常值得駐足學習。

本文由優設網原創翻譯，轉摘請注明優設網譯文出處，謝謝各位小編。

原文：HTTP://www.uisdc.com/free-css-tutorial-website