您的位置:首页 > Web前端 > CSS

CSS的link和@import方式的区别

2017-10-20 09:31 477 查看
本质上,这两种方式都是为了加载CSS文件,但还是存在着些许差别。

    差别1:老祖宗的差别。link属于XHTML标签,而@important完全是CSS提供的一种方式。

                 link标签除了可以加载CSS外,还可以做很多其它事情,比如定义RSS,定义rel 连接属性等,而@important就只能加载CSS了。

    差别2:加载顺序的差别。当一个页面被加载的时候,link引用的css会同时被加载,而@important引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览                   @important加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显(梦之都加载CSS的方式就是@important,一边进行下载一边浏览 
                    梦之都的网页时,就会出现上述状况)

    差别3:兼容性的差别。由于@important是CSS2.1提出的所以老的浏览器不支持,@important只有在IE5以上才会被识别,而link标签无此问题

    差别4:使用DOM控制样式时的差别。当时用javascript控制dom去改变样式的时候,只能使用link标签,因为@important不是dom可以控制的

    
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: