CSS里 @import用法？

html-css024

CSS里 @import用法？,第1张

引入CSS的方法有两种，一种是@import，一种是link \x0d\x0a@import url('地址')\x0d\x0a\x0d\x0a现在绝大部分的网站都采用后一种link方式，原因在于\x0d\x0a@import先加载HTML，后加载CSS\x0d\x0alink先加载CSS，后加载HTML。\x0d\x0a\x0d\x0a所以前者加载网页会出现令浏览者以外的格式，后者则是带格式的加载网页。

@import引用的CSS会等到页面全部被下载完再被加载；

@import可以在css中再次引入其他样式表，比如可以创建一个主样式表，在主样式表中再引入其他的样式表；

而至于请求次数，有几个import就会发生几次请求；

区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。

区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

区别4：link支持使用JavaScript控制DOM去改变样式；而@import不支持。

部分资料参考：HTML5学堂