当浏览器开始加载HTML文件时，它会自动识别文件中嵌入的CSS代码和外链的CSS样式文件，进而按照样式对当前HTML进行渲染。使用CSS有三种方法：内联样式、内部样式表和外部样式表。
1．内联样式
内联样式也叫行内样式，指直接定义为HTML元素的style属性值的CSS代码。内联样式的优先级最高，会覆盖内部样式表和外部样式表的效果。内联样式的优点是使用非常方便、直接，但是在HTML文件内大量混用CSS代码会导致浏览器解析效率下降，同时这些样式无法被复用，也不利于后期的代码维护。
动手写9.1.1 使用内联样式
“动手写9.1.1”中的p元素通过style属性将段落内文字的颜色定义为灰色，这是一个内联样式的使用方法。
2．内部样式表
内部样式表也叫页级样式表，是一种在head部分的style标签内定义全部CSS样式的方法。内部样式表定义的CSS代码作用范围是当前整个HTML文件，它的优先级低于内联样式。内部样式表相比于内联样式，内部样式表的作用范围更大，而且可以实现代码的复用；但是内部样式表中若定义过多的CSS样式则会导致HTML文件过大，页面加载缓慢，并且不方便维护。(www.xing528.com)
动手写9.1.2 使用内部样式表
“动手写9.1.2”的页面中有三个段落p元素，使用内部样式表可以统一规范它们的样式。如果换成内联样式则需要在每个p元素上使用style属性，显然内部样式表更加节省空间且易于修改。
3．外部样式表
外部样式表也叫外联样式表，是一种在head部分使用link元素将CSS样式引入到HTML文件内的定义方法，CSS代码全部定义在一个单独的以“.css”结尾的文件中。这种方式定义的CSS样式不但可以同时被多个HTML文件复用，而且其中的CSS与HTML两种语言实现了分离，更加利于开发和维护；此外，浏览器有多文件同步加载和文件缓存等策略，也使外部样式表在加载速度上更上一层楼。因此，在实际项目中要尽量全部使用外部样式表来定义CSS样式。
动手写9.1.3 使用外部样式表
“动手写9.1.3”将“动手写9.1.2”中的CSS代码抽离出来放到了同文件夹下的style.css中，style.css中的代码如下：
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
