@import url(../image/css)的用法

1、@import url(../image/css);可以加载css文件
2、@import url(../image/css);可以写在html里加载css文件,也可以写在css文件里加载css文件:比如test1.css、test2.css、main.css文件,有三个css文件,浏览器要下载三个文件,
假如在main.css里@import url(test1.css);@import url(test2.css);这样浏览器只需要加载main.css文件就可以了。这也许就是这种方法存在的唯一好处
3、@import url(../image/css);必须写在css文件的最前面
4、@import url(../image/css);这种方法会阻止浏览器并行下载,必须优先完成这种方式的下载
5、@import url(../image/css);的方式是要等页面下载完,再加载此css文件,假如网速慢的化,刚开始看到的是没有css的页面,然后慢慢看到有css的页面
6、link是在加载页面前把css加载完毕

优秀实践:结合<link>和@import url方式
<link rel="stylesheet" href="main.css" />

然后在main.css里@import其他css文件,这样即减少了浏览器下载的css文件数量,又不影响浏览器的并行下载,而且有助于css文件渲染页面

参考:https://www.thoughtco.com/using-import-in-css-3464234
posted @ 2017-07-17 19:18  脚本小娃子  阅读(1992)  评论(0编辑  收藏  举报