在实际开发中用到的都是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
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/109491.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...