学习笔记 | 青训营

css样式表： 按照 CSS 样式书写的位置（或者引入的方式），CSS 样式表可以分为三大类：

1.内部样式表（嵌入式） 内部样式表（内嵌样式表）是写到html页面内部. 是将所有的 CSS 代码抽取出来，单独放到一个。

·style 标签理论上可以放在 HTML 文档的任何地方，但一般会放在文档的head标签中 ·通过此种方式，可以方便控制当前整个页面中的元素样式设置 ·代码结构清晰，但是并没有实现结构与样式完全分离 ·使用内部样式表设定 CSS，通常也被称为嵌入式引入，这种方式是我们练习时常用的方式

2.行内样式表（行内式） 行内样式表（内联样式表,还有人称为行间样式，内嵌样式）是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式。

1. style 其实就是标签的属性
   在双引号中间，写法要符合 CSS 规范
2. 可以控制当前的标签设置样式
3. 由于书写繁琐，并且没有体现出结构与样式相分离的思想，所以不推荐大量使用，只有对当前元素添加简单样式的时候，可以考虑使用
4. 使用行内样式表设定 CSS，通常也被称为行内式引入 3.外部样式表（链接式）

实际开发都是外部样式表： 适合于样式比较多的情况. 核心是:样式单独写到CSS 文件中，之后把CSS文件引入到 HTML 页面中使用。 引入外部样式表分为两步： href:定义所链接外部样式表文件的uRL，可以是相对路径，也可以是绝对路径。 type:定义所链接文档的类型，在这里需要指定为"text/css"，表示链接的外部文件为css样式表。 rel:定义当前文档与被链接文档之间的关系，在这里需要指定为"stylesheet"，表示被链接的文档是一个样式表文件。