CSS 简介

CSS（Cascading Style Sheets，层叠样式表） 控制网页的外观——颜色、布局、字体、动画。

学完本章你将： 了解 CSS 是什么、CSS 能做什么、CSS3 新特性。

HTML vs CSS

<!-- HTML = 结构（骨架） -->
<h1>欢迎访问我的网站</h1>
<p>这是一段文字。</p>

/* CSS = 样式（皮肤） */
h1 {
  color: blue;
  font-size: 28px;
  text-align: center;
}
p {
  color: #666;
  line-height: 1.6;
}

CSS 能做什么？

• 🎨 颜色字体：文字颜色、背景色、字体样式
• 📐 布局：Flexbox、Grid、浮动、定位
• ✨ 动效：过渡、动画、变换
• 📱 响应式：一套代码适配手机/平板/桌面

CSS3

CSS3 是 CSS 的最新标准，把规范拆分成独立模块：