目录

CSS 的起源

CSS 是一门样式语言，可以用它来选择性地为 HTML 元素添加样式，类似 Android 里的 XML, 但是它可以批量的选择性的改变元素的样式 ，举例来说，要选择一个 HTML 页面里所有的段落元素，然后将其中的文本改成红色，可以这样写 CSS：

p {
  color: red;
}

具体用法

• 首先新建一个 styles 文件夹，在其中新建一个 style.css 文件，将这三行 CSS 保存在这个新文件中。
• 后再将该 CSS 文件连接至 HTML 文档
• 打开 index.html 文件，然后将下面一行粘贴到文档头（也就是 和 标签之间）。

<link href="styles/style.css" rel="stylesheet">

CSS 规则集

也是 CSS 的语法

• 选择器
• 属性
• 属性的值 属性和属性的值加起来也叫声明

选择器

HTML 元素的名称位于规则集开始。它选择了一个或多个需要添加样式的元素（在这个例子中就是 p 元素）。要给不同元素添加样式只需要更改选择器就行了。

声明

一个单独的规则，如 color: red; 用来指定添加样式元素的属性。类似 Android 里的 xml 语法

属性

改变 HTML 元素样式的途径。（本例中 color 就是 <p> 元素的属性。）CSS 中，由编写人员决定修改哪个属性以改变规则。

属性的值

在属性的右边，冒号后面即属性的值，它从指定属性的众多外观中选择一个值（我们除了 red 之外还有很多属性值可以用于 color ）。

多元素选择

之前提到 CSS 可以批量修改元素样式

p, li, h1 {
  color: red;
}

不同类型的选择器

针对不同的需求，选择器有不同的种类，用于更方便的设定要修改的样式，下面是一些常用的选择器：

• 元素选择器（也称作标签或类型选择器），用于给指定的元素添加样式
• ID 选择器，用于给指定 ID 的元素添加样式，
• 类选择器，用于给指定元素添加样式，与 ID 选择器不同的是，在单一 HTML 页面中，一个类选择器可以对应多个元素，但是一个 ID 选择器只能对应一个元素
• 属性选择器，为所有特定属性添加样式
• 特定状态下的选择器

参考

• CSS 基础