css外联式和导入式的差别

wangyukai04

于 2017-03-21 19:57:02 发布

阅读量581

点赞数

CC 4.0 BY-SA版权

分类专栏：知识点文章标签： css

本文链接：https://blog.youkuaiyun.com/wangyukai04/article/details/64493643

知识点专栏收录该内容

1 篇文章

订阅专栏

本文介绍了HTML中的link标签与CSS中的@import引入方式的区别。link标签可在页面加载时同步加载CSS，而@import则会在页面完全下载后才加载CSS文件。此外，link标签可以被DOM操作来更改CSS样式，但@import则无法通过DOM进行控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                    link是html标签，@import完全是css提供的方式，要写在css文件或者style标签中。
他们的加载顺序也是有区别的，当一个页面被加载的时候，link引用的css文件会被同时加载，而@import引入的css文件会等页面全部下载完后再加载。
当使用javascript控制DOM去改变css样式的时候，只能使用link标签，因为import是不能被DOM控制的。