快速學習和實踐CSS/CSS3的線上教程

伯小樂發表於2014-08-04

CSS並不複雜,但也並非你想象的那麼簡單。初學者需要經過很多練習和實踐才可以真正掌握它。這篇文章收集整理了5個學習和實踐CSS/CSS3的免費線上系列教程(含視訊),它們可以幫助你快速瞭解CSS/CSS3的全貌、各個特性的細節和相關最佳實踐。

網際網路上的CSS/CSS3教程很多,本文沒有一一去收集並列舉,而是把收集了3種典型的課程型別:W3School這種簡單、明瞭和全面的教程;iMooc的分階段學習教程(含問答區);CodeSchool的視訊課程+學習路徑規劃。

1、W3Schools CSS教程(英文)

W3Schools的CSS/CSS3英文教程。每個章節簡單明瞭,包含對應的小練習,可以線上提交看結果。

2、W3School CSS3教程(中文)

W3School的CSS/CSS3 中文教程和W3Schools結構類似,但內容不完全一樣。除了教程以外,還包括70+例項、測試和參考手冊。

3、HTML+CSS基礎課程(中文)

這個課程把CSS課程作為一個系列,分階段地學習,從最基本的概念開始講起,步步深入,帶領大家學習HTML、CSS樣式基礎知識,瞭解各種常用標籤的意義以及基本用法,後半部分講解CSS樣式程式碼新增,為後面的案例課程打下基礎。

4、十天精通CSS3(中文)

本課程讓你係統地學習CSS3,快速的理解掌握並應用於工作之中。在學習的過程中例項演示結合線上程式設計完成任務的方式來學習,相信自己動手會讓你理解的更快,學習效果更好!

5、CodeSchool的CSS視訊課程 (英文)

英文視訊(有字幕)。一共分8個級別來學習和實踐CSS,其中每個級別中還有多個需要你實際動手的Challenges。特別推薦的是CodeSchool的 HTML/CSS 學習路徑的規劃,其中包括CSS前處理器、響應式CSS和改進網站或App的CSS設計原則等。

相關文章