让 HTML 换件衣裳——CSS 入门 3 分钟

CSS 不是魔法，只是给 HTML 换件新衣裳。

1 先写结构，再谈样子

HTML 搭好骨架，CSS 负责涂色、改字号、调间距。

<p> hello, world </p>

p {
  color: blue;
  font-size: 18px;
}

一句话：选中元素，给它属性。

2 三种穿法

• 内联：<p style="color:red;"> —— 救急用，别常驻。
• 内部：<style> 标签 —— 单页 Demo 方便。
• 外部：style.css —— 正式项目首选，一改全站生效。

3 选择器速写

• 标签 p —— 全选所有段落
• 类 .title —— 一呼百应
• ID #logo —— 一个就够

先记住这三板斧，够用一整天。

4 小口诀

“先选后写，属性成排；
颜色字体宽高，空格分号别忘怀。”

拿这段去试：把背景换成黑，字改成白，字号 32 px。
跑通了，你就入门了。