一、引入css的方式
1.行内式（顾名思义写在行内）
2.内嵌式
<style>
//css代码
</style>
对于一个包含很多网页的网站，在每个网页中使用嵌入式，进行修改样式时非常麻烦。单一网页可以考虑嵌入式。
3.链接式
链接式
使用链接式时与导入式不同的是它会以网页文件主体装载前装载CSS文件，因此显示出来的网页从一开始就带样式效果，它不会像导入式那样先显示无样式的网页，然后再显示有样式的网页，这是链接式的优点
4.导入式
导入式
导入式会在整个页面加载完再加载CSS样式，因此如果网页比较大会先显示无样式的页面，闪烁一下后再出现网页的样式。这是导入式固有的缺陷
二、link和@import的区别
（这是我总结这篇文章的主要目的，因为在写小程序的时候发现它是@import的方式导入的）
1. link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事物，@import属于CSS范畴，只能加载CSS
2. link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载
3. link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持
4. link支持使用Javascript控制DOM去改变样式；而@import不支持。
5. import有作用域，即import引入的模板只在当前页面有效，即import不会向下查找另外的模板
网友评论