HTML中引用CSS的方法有以下四种:
1. 使用`STYLE`属性:在 HTML 元素标签内部直接使用`STYLE`属性可以为单个元素设置样式。但是这种方式使得HTML代码与样式混合,不够纯净,且不利于样式的复用和维护。
2. 内嵌样式:在一个HTML文档中使用`
```
***采用这两种方式后的显示效果也略有区别。使用链接方式时,会在装置页面主体部分之前装载CSS文件,这样显示出来的网页从一开始就是带有样式的效果。而使用导入式时,会在整个页面装载完成后再装载CSS文件。对于有的浏览器来说,在一些情况下,如果网页文件的体积比较大,则会出现先显示无样式的页面,闪烁一下之后再出现样式设置后的效果。从浏览者的感受来说,这是使用导入式的一个缺陷。
对于一些比较大的网站,为了便于维护,可能会希望把所有的CSS样式分类别放到几个CSS文件中。这样如果使用链接式引入,就需要几个语句分别导入CSS文件。如果要调整CSS文件的分类,就需要同时调整HTML文件。这对于维护工作来说是一个缺陷。如果使用导入式,则可以只引进一个总的CSS文件,在这个文件中再导入其他独立的CSS文件;而链接式则不具备这个特征。
建议如下:若需引入单一CSS文件,可采用链接方式;若需引入多个CSS文件,首先使用链接方式引入一个“目录”CSS文件,然后在该“目录”CSS文件中通过导入式引入其他CSS文件。若需通过JavaScript动态决定引入哪个CSS文件,则必须采用链接方式实现。