依照 CSS 款式的引入形式，能够分为三大类：行内式、嵌入式、链接式。
1、行内式 —— 行内样式表
行内样式表是在元素标签外部的 style 属性中设定 CSS 款式，实用于批改简略款式。
<div style="color: red; font-size: 12px;"> 我是红色文字 </div>阐明：
- 属性要写在双引号之间，并且合乎 CSS 标准
- 只能够
管制以后标签的款式 - 款式与构造没有拆散，不举荐大量应用
2、嵌入式 —— 外部样式表
外部样式表是在 html 外部，将页面所有的 CSS 代码抽取进去，放到一个独自的 <style> 标签中。
<style>
div {
color: red;
font-size: 12px;
}
</style>阐明：
<style> 标签实践上能够放在 HTML 文档的任何地位，但个别会放在 <head> 标签中- 这种形式能够
管制以后页面中的元素款式 - 代码构造清晰，但款式与构造没有齐全拆散
3、链接式 —— 内部样式表
理论开发中大多都是用内部样式表，款式写到独自的 CSS 文件中，之后把 CSS 文件引入到 HTML 页面中应用。
步骤 1: 新建一个 .css 为后缀名的文件，将所有 CSS 代码放到这个文件
步骤 2: 在 HTML 页面，用 <link> 标签引入 CSS 文件
<!-- rel 定义以后文档与被链接文档之间的关系。-->
<!-- 指定为“stylesheet”，示意被链接文档是一个样式表文件 -->
<!-- href 能够是绝对路径也能够是相对路径 -->
<link rel="stylesheet" href="css 文件门路">