CSS教程：简介 - 六维空间

引言：当网页只有黑白

让我们回到互联网的“黑白电视”时代。在上世纪90年代初，网页基本上就是文字和链接的堆砌，偶尔有张图片，所有内容从上到下依次排列，没有布局，更谈不上设计美感。

这就像一台只有黑白画面的电视机。而CSS的出现，就是为网页世界打开了彩色的大门。

想象你在装修一套毛坯房：
– HTML = 房子的结构与框架（哪里是卧室，哪里是厨房）
– CSS = 装修手册与设计图（墙刷什么颜色，地板铺什么材质）

CSS（层叠样式表）的核心使命，就是控制网页的外观与布局，让内容（HTML）与表现（样式）分家。在它诞生前，人们用HTML标签硬编码样式，导致代码臃肿、难以维护。

/* 一句CSS，就能定义段落样式 */
p {
  color: #333;
  font-size: 16px;
  line-height: 1.6;
}

样式与结构混杂在HTML中，代码臃肿，修改困难。

W3C发布首个CSS标准，引入选择器、字体、颜色、文本属性等基础能力，确立了“内容与表现分离”的原则。

增加定位（position）、层叠（z-index）、媒体类型等关键特性，布局能力大幅增强。

对CSS2进行修正和精简，形成稳定、广泛支持的核心标准，成为我们常说的“传统CSS”基础。

最重要的转变！ CSS不再以“大版本”形式整体更新，而是拆分为独立模块（如选择器模块、背景与边框模块、动画模块等），各自独立演进、发布。

CSS 好比汉语的 基本语法和常用词汇， CSS3 则像不断涌现的 新词、流行语和表达方式 （如“给力”、“内卷”、“元宇宙”），它们让表达更丰富，但依然遵循汉语的基本规则。

当你现在学习“CSS”时，实际上学的是包含了绝大多数CSS3特性的“现代CSS”。

“CSS3”这个说法，常用来特指那些新增的、更强大的现代特性。作为初学者，你无需刻意区分“我在学CSS还是CSS3”，而应关注哪些是更现代、更推荐的解决方案。

CSS不是一成不变的规范，而是一门持续生长的语言。从最初只能改变文字颜色，到今天能创建复杂的动画与响应式布局，CSS的演进就是网页设计的发展史。

理解CSS与CSS3的关系，不是要记住所有历史细节，而是建立一种认知：网页设计技术是不断进化的，而你已经站在了这个不断丰富的工具箱前。