css样式表的三种引入方式以及优缺点

按照惯例，首先介绍第一种，也是最容易入手的一种， 专业名字叫作行间样式表。二话不说，先上图。

行间样式表
这是直接在标签里的style属性里进行样式设置的一种方式，当然后面会提到这种方式的优先级会高于其他两种。然后就是它的优缺点了，首先优点：不会产生额外的请求。缺点：一、容易产生重复的代码，造成文档体积变大。二、不利于维护。三、不符合结构与样式分离的规范。

第二种专业名字叫作内部样式表，也是先上图。

内部样式表
内部样式表是在标签里进行style样式设置的一种方式。这种方式优点就是跟行间样式表相同不会产生额外的请求，再是它初步实现了结构与样式的分离，还有它适合单页面网站应用，缺点就是代码复用不方便，因为我们在对元素进行设置样式的时候，可能遇到需要把几个元素设置成相同的样式，这样的话，内部样式表就不方便我们的使用。

第三种就是我们最常用，也是最规范方便的一种方式了，叫作外部样式表，如图。

外部样式表
这种方式就是将样式设置单独写在了一个css文件中，然后在html文件中用Link引入，这种方式就造成了一个缺点就是在执行html文档的时候，会产生额外的请求，不过在后面我们会借助工具抹平这个缺点。优点就是一、利于后期的维护。二是可以重复使用。三是实现了结构与样式分离的规范。

这就是三种层叠样式表的引入方法以及它们的优缺点啦。