了解什么是 CSS，如何把它连接到 HTML 页面，以及如何写下你的第一条规则。
在 Kodokon 中打开本课HTML 描述网页的内容：标题、段落、图片。CSS（Cascading Style Sheets 的缩写，即层叠样式表）描述它的外观：颜色、大小、间距。想象一栋房子：HTML 是墙壁和房间；CSS 是油漆、家具和装饰。没有 CSS，每个网页看起来都一样：白底黑字。
一条 CSS 规则由三部分组成。首先是选择器：它指明页面上哪些元素会受到影响（例如所有段落）。然后，在花括号 { } 之间，是一条或多条声明。每条声明把一个属性（你想改变什么，比如颜色）和一个值（你所做的选择，比如红色）配成一对，用冒号 : 分隔，并以分号 ; 结束。
p {
color: red;
font-size: 18px;
}让我们逐字读这条规则。p 是选择器：它针对页面上的每一个 <p> 元素，也就是段落。color 是设置文字颜色的属性，red 是它的值。font-size 设置文字大小，这里是 18px（18 像素，衡量屏幕所用的单位）。将 CSS 连接到 HTML 页面有三种方式。推荐的方法是外部文件：CSS 存放在它自己的文件里，例如 styles.css，你用放在 <head> 内的 <link> 标签把它接入 HTML。
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>This text will be red.</p>
</body>
</html>第二种方法：内部 CSS。你把规则直接写进 HTML，放在置于 <head> 中的 <style> 标签里。这对于快速测试很方便，但样式只作用于这一个页面。第三种方法：行内 CSS。你把声明直接写在标签上，放在 style 属性里。注意这里没有选择器，也没有花括号，因为样式只作用于该标签。
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p style="color: blue;">I am blue.</p>
<p>I am red.</p>
</body>p { color: red; } 中，color 是什么？