PHPChina学院CSS3入门课程

这套 PHPChina 学院出品的 CSS3 入门课，属于典型「年代较早但骨架完整」的那类资料。它不是近几年那种讲 Grid、容器查询的新课，核心停留在 CSS3 刚成体系那一波：选择器升级、盒模型、背景与边框增强、渐变、过渡、变形、动画、媒体查询。对已经在写页面、但样式的知识是零散拼凑起来的人来说，它的价值不在「新」，而在于把 CSS3 的模块化版图一次讲清楚——你收藏它，是拿来补体系，不是拿来追新特性。

课纲的含金量在哪一段

判断一门老课值不值得花时间，看它把重心压在哪。这套课真正有密度的是三块：一是选择器与优先级这部分，属性选择器、伪类伪元素、结构选择器讲得比较细，是后面所有内容的地基；二是视觉表现模块，圆角、阴影、渐变、背景尺寸与多背景，这些在当年的 IE 兼容语境下讲，反而逼着你去理解渲染逻辑；三是动画与过渡，从 2D/3D 变形到 transition、animation、关键帧，链条是连着的。相比之下，开头介绍 CSS3 由来、浏览器支持那几节可以倍速过，信息密度低。

哪些章节值得精看，哪些可以跳

• 值得逐行跟做：选择器优先级、盒模型与 box-sizing、浮动与定位的收尾清理。这几节决定你以后调样式是「试出来的」还是「推出来的」。
• 值得反复看：渐变、过渡、变形、动画。这四块是 CSS3 入门课里最容易讲成碎知识点的地方，跟着写一遍才能记住语法位置。
• 可以快过：CSS3 概念综述、浏览器前缀历史、纯属年代背景的兼容性铺垫。
• 按需回看：媒体查询与响应式部分，思路可用，但当年那套断点方案拿到今天要替换成移动优先的写法。

资料包怎么拆开用

这类打包资料最容易犯的错，是从头到尾顺着播一遍，播完什么也没剩下。建议按三层拆：

• 第一层，当目录用：先只扫一遍章节名和每节前两分钟，标出哪几节是你不熟的，其余留白。目的是建立这门课的地图，不是学完。
• 第二层，当练习册用：精看章节不要只看，边看边在本地开一个空白页手写一遍选择器和动画，把课堂示例换成自己的内容，这一步决定你看的是视频还是学会了。
• 第三层，当速查卡用：把过渡、变形、动画的语法和常用值整理成一张自己的对照表，以后写样式时先查自己的表，查不到再回去翻课。

给「收藏型学习者」的一点提醒

课程录制于 2014 年前后，配套笔记和示例都带着那个时代的痕迹：前缀写法、兼容性话术、老式布局思路，这些今天多数可以略过。但它有一个当下新课反而稀缺的好处——讲得慢、语法拆得开，适合把 CSS3 当作一门「语言」而非「技巧合集」来学。如果你收藏夹里已经躺着好几套前端课，这套的定位应该是：清地基的那一套，不是追新特性的那一套。学完它，再去看现代布局与工程化方案，会顺很多；反过来先看新东西，很多语法为什么长这样，你会一直答不上来。