在我们第一天接触CSS的时候，介绍了三种样式的使用方式。第一种为行内样式表；第二种为内联样式表；第三种为外部样式表。三种方式均可以对HTML元素的外观进行修改，但实际项目过程中，我们更多的还是使用的第三种，这是为什么？
首先，行内样式的缺点其实很明显，CSS直接写在HTML代码的内容中间。这样并不能够形成样式和元素的分离，也无法进行批量操作，唯一的作用就是能够修改丰富的样式。但如果全部使用这种方式的话，会使HTML中有很多冗余的CSS代码，并且让你的代码看起来非常的臃肿。所以这种方式，一般是不会出现在正常的项目使用上的。
那有的人会问，内联样式的缺陷又在哪里呢？内联样式相比于行内样式，已经实现了元素和样式的分离，并且也可以通过选择器对HTML元素进行批量操作，但这种方式对于页面的重用性很低。如果多个页面之间有相同的样式部分，用这种方式则需要每个页面都描述一次样式。所以很多时候，为了代码开发的效率，会将相同部分的样式写在一个文件内，通过多个页面对同一个文件的调用，实现代码的重复利用。
所以使用外部样式表，相对于内部样式的，有以下优点：1、样式代码可以复用。一个外部CSS文件，可以被很多网页共用。2、便于修改。如果要修改样式，只需要修改CSS文件，而不需要修改每个网页。3、提高网页显示的速度。如果样式写在网页里，会降低网页显示的速度，如果网页引用一个CSS文件，这个CSS文件多半已经在缓存区(其它网页早已经引用过它)，网页显示的速度就比较快。
举一个拼图例子来说明三种样式表和HTML的关系，则：
HTML即拼图的每一个小块，决定这套拼图中有多少拼图的块；
CSS决定每一块拼图在什么位置，什么样的形状，什么样的外观；
行内样式的原理，是单独对每一个拼图块进行加工；
内联样式，是按照不同的分类和标准，对整套拼图进行分工修改；
外部样式，则是按照同样的模具，对所有型号的拼图或拼图部分进行批量生产。
故而孰优孰劣，一目了然。