CSS和 HTML 类似，CSS 也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言，这也就是说人们可以用它来选

#CSS是什么? 和 HTML 类似，CSS 也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言，这也就是说人们可以用它来选择性地为 HTML 元素添加样式。 CSS 文件连接至 HTML 文档：打开 index.html 文件，然后将下面一行粘贴到文档头（也就是和标签之间）。

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

CSS规则集

整个结构称为规则集（通常简称“规则”），各部分释义如下：

选择器（Selector） HTML 元素的名称位于规则集开始。它选择了一个或多个需要添加样式的元素（在这个例子中就是 p 元素）。要给不同元素添加样式只需要更改选择器就行了。
声明（Declaration）一个单独的规则。如 color: red; 用来指定添加样式元素的属性。
属性（Properties）改变 HTML 元素样式的途径。（本例中 color 就是
元素的属性。）CSS 编写人员决定修改哪个属性以改变规则。
属性的值（Property value）在属性的右边，冒号后面即属性的值，它从指定属性的众多外观中选择一个值（我们除了 red 之外还有很多属性值可以用于 color ）。

多元素选择

p,li,h1{
    color: red;
}

为整个页面修改字体

html {
  /* px 表示 “像素（pixels）”: 基础字号为 10 像素 */
  font-size: 10px; 
  /* Google fonts 输出的 CSS */
  font-family: 'Open Sans', sans-serif; 
}

###一切皆盒子编写 CSS 时你会发现，你的工作好像是围绕着一个一个盒子展开的——设置尺寸、颜色、位置，等等。页面里大部分 HTML 元素都可以被看作若干层叠的盒子。

a big stack of boxes or crates sat on top of one another

并不意外，CSS 布局主要就是基于盒模型的。每个占据页面空间的块都有这样的属性：