在HTML中使用CSS

使用内嵌式 CSS 用法时 CSS 代码将被集中放在 标记中，这样方便查找，对后期维护比较方便，页面代码也会减少。但是，如果一个网站有很多页面，如果多个网页的某个标记要使用相同的样式效果，内嵌式也会 出现代码冗余和维护困难的问题，所以，内嵌式比较适合个别风格特殊的页面效果设置。

在实际的网页设计中，链接式 CSS 用法是最常用的，也是效果最好的。链接式特点是将 CSS 代码多带带放在一个或多个 .css 文件中，实现了 CSS 代码和 HTML 代码的分离，这样使前期设计和后期维护都很方便，也有助于实现前台美工设计与后台程序设计人员的合理分工。

链接式 CSS 使用时需要在 标记中使用 标记，通过 标记的相关属性指明外部 CSS 文件的路径，以方便找到其中定义的 CSS 样式并运用在当前网页元素上。

    
        
        
        
    
    
        
在HTML中使用CSS之链接式
    

@charset "utf-8";
/* CSS Document */
p{
    color: #39f;
}

链接式 CSS 用法的最大特点是将 CSS 代码和 HTML 代码分离，这样就可以实现将一个 CSS 文件链接到不同的 HTML 网页中。使用链接式 CSS，可以在设计整个网站时，将多个页面都会用到的 CSS 样式定义在一个或多个 .css 文件中，然后在需要用到该样式的 HTML 网页中通过 标记链接这些 .css 文件，通过链接式 CSS 可以降低整个网站的页面代码冗余并提高网站的可维护性。

导入式和链接式的用法基本相同，区别在于语法和使用方式上略有不同。导入式通过在 标记的

在HTML中使用CSS之导入式