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