css border 虚线间距-凯发k8官方网
这一章，我们开始学习 css 样式表有关的知识点，通过 css 来控制 html 标签和元素的样式的方法和规范。
当然，结合视频观看效果更佳。
css 和 html 不是同一种代码语言，所以自然语法书写的形式上也有差异。比如下面是一段标准的 css 代码，作用是指定 h1 标签内容为红色。
h1 { color:red; }一段 css 代码中通常包含两样东西 —— 选择器、声明。选择器就是前面所写的 h1，它是需要控制样式的 “对象”，而每条声明则是声明了一则 css 的具体样式调整，通过一对花括号来容纳。
比如上面案例，声明了对颜色的修改，但每条声明中，还包含了属性和值。同理，对一个标签要做多种样式类型的修改，那么我们就可以添加多条声明，比如：
h1 { color:red;font-size:12px;margin:20px;}上面我们添加了三条声明，每条声明的结尾由 “;” 分号分隔，一定要记得如果不加分号的话，那么这条声明就没有结束，后续的内容都会无效。
而光看上面这样的写法，肯定觉得特别乱，阅读起来很难受，所以通用的 css 代码书写方式，是类似下面这样的，将每条声明独立成一行：
h1 { color:red; font-size:12px; margin:20px;}还有一个细节，就是一条声明中，可以为一个属性设置多种值。比如我们在设置字体的时候，使用 font 属性可以同时声明字体、大小、字重等参数，用空格将值分隔开，也可以把它们拆开来声明。
h1 {font: arial 12px bold;}h1 { font-family:arial; font-size:12px; font-weight:bold;}这会在后面的细节说明中讲到，暂且知道有这么一回事即可。
了解完语法，并不是直接就可以开始写 css 代码并产生作用了，需要学会 html 如何引用 css，换句话讲，就是 css 代码要写在什么地方。主要有三种形式：
外部样式表
内部样式表
- 内联样式
外部样式表，就是我们在这个 html 文档之外，创建一个 css 文档，专门用来存放 css 代码。创建它的方式和 html 一样，通过创建一个记事本，然后将名称改成 “文档英文名.css” 即可。
而我们要让这两个独立的文档之间产生关联，就需要在 html 中引用这个 css 样式表。通常，引用样式表的代码会写在 head 标签中，比如： head>这种做法的好处是，多个 html 文档可以共同读取一个样式表，这样当我们定义一个 css 文件后，整个网站的页面都可以共同遵守这个规则，而不是每个 html 文档定义一套单独的样式。和我们在 sketch、figma 中使用的外部调用样式文档的原理是一样的。
3.2.2 内部样式表除了独立一个 css 文件外，我们也可以单独在 html 文档内添加 css 代码块，那就是在页面内添加 style 标签，来开辟一个专门写 css 的地方。通常，我们会将内部样式表写在 head 标签内：