一、 行内样式表(行内式引入)

行内样式表（内联样式表）是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式.

  <p style="font-weight: 700;">一段话</p>

特点：

1.结构样式不分离，没有体现出结构与样式相分离的思想

2.只能设置单个标签里的样式

3.style中的语法规范和css一样

二、 内部样式表(嵌入式引入)

是将所有的 CSS 代码抽取出来，单独放到一个 <style> 标签中写在header里面。

  <style>
        p {
            font: italic 700 20px Arial;
        }
    </style>

特点：
1.代码结构清晰，但是样式与结构并没有完全分离。
2.通过此种方式，可以方便控制当前整个页面中的元素样式设置。

三、外部样式表

把所有的css代码都写在单独的css文件中，再通过link引入。

一般在html页面的head中，写入link标签引入css文件。

<link rel="stylesheet" href="13-外部样式表.css">