css外联式和导入式的差别

最新推荐文章于 2024-03-16 20:35:21 发布

原创最新推荐文章于 2024-03-16 20:35:21 发布 · 594 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

知识点专栏收录该内容

1 篇文章

订阅专栏

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

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