CSS里 @import用法?

html-css012

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所以前者加载网页会出现令浏览者以外的格式,后者则是带格式的加载网页。

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

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

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

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

部分资料参考:HTML5学堂