在实际开发中用到的都是link，基本没有接触过@import，偶然看到说link与 @import的区别，便记录下来。
页面中使用CSS的方式主要有3种：
1.行内添加定义style属性
<p style="color:red;background-color="#000"></p>
2.页面头部内嵌调用
<style></style>
3.页面头部内嵌调用（link）
<link rel="style" href="" type="text/css"/>
4.页面头部内嵌调用（@import）
<style>
@import url(css文件);
</style>
link和@import都是外部引用CSS样式，但存在一定差别：
1.link是xhtml标签，除了加载CSS外，还可以定义RSS等其他事务；@import只能加载CSS
2.link引用CSS时，在页面载入同时加载；@import需页面加载完成后载入
3.link无兼容性问题；@import实在CSS2.1提出的，低版本浏览器不支持
4.link支持使用JS控制DOM改变样式；@import不支持
@import写法
<style>
@import 'style.css'
@import "style.css"
@import url(style.css)
@import url('style.css')
@import url("style.css")
</style>
其中@import url(style.css)和import url(“style.css”)是最优选择，兼容浏览器最多。
从字节优化角度看@import url(style.css)最值得推荐
转载于:https://www.cnblogs.com/ecosu/p/4421389.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/109491.html原文链接：https://javaforall.net
