快速学习和实践CSS/CSS3的在线教程

admin

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设计原则等。