link和@import两种引入方式的区别

一般来说,CSS有两种引入方式,link的引入方式和@import引入方式,这两种引入方式的区别主要有三点:

1.link是XHTML时代的产物,而@import是CSS2.1之后得出的产物,所以@import的引入方式在一些老版本的浏览器中可能不支持。

2.link导入的文件是浏览器在加载html文档的时候就开始加载的,而@import引入方式是在浏览器对html文件加载完成之后才对css文件进行加载的;

3.link引入方式支持除了css格式的其他文件的引入,而@import只支持css格式的文件的加载,不支持其他类型的文件的加载;

总结:link引入的css文件样式,将来能够支持JS的DOM操作,而@import引入方式不支持相关的DOM操作,因此综上所述,我们通常使用link的引入方式就能够解决所有的css引入问题,link引入方式是最常用的CSS文件引入方式。

发布了8 篇原创文章 · 获赞 0 · 访问量 3452

猜你喜欢

转载自blog.csdn.net/gjw9987654321/article/details/82876634