在html设计编写中,样式有四种方式作用于网页,分别是:内联样式,嵌套样式,链接样式 ( link ),导入样式(@import )。
内联样式以及嵌套样式在这里我们就不做过多的介绍,我们都知道内联样式只对当前标签有用,嵌套样式只在当前页面起作用;
我们接着说链接样式 link 与导入样式 @import的区别:
1、link属于XHTML标签,除了可以加载css外,还可以定义RSS等其它事务,@import属于CSS范畴,只能加载CSS;
2、link引用CSS时,在页面载入时同时加载,而@import导入的CSS样式需要等页面载入完成后才开始加载(所以网络不好的情况下,会看见页面样式闪烁的情况);
3、@import只有在ie5以上浏览器能够识别,存在兼容性问题,link则没有兼容性问题;
4、link属于XHTML标签,因此可以通过JavaScript去动态改变引入的样式路径,@import则不行。
页面导入样式时,使用link和@import有什么区别
最新推荐文章于 2024-01-24 12:15:54 发布