link和@import的区别

link和@import的区别

在实际开发中用到的都是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账号...

(0)


相关推荐

  • paip.提高工作效率–数据绑定到table原则和过程Angular js jquery实现

    paip.提高工作效率–数据绑定到table原则和过程Angular js jquery实现

  • java 自动补全_eclipse自动补全的设置[通俗易懂]

    java 自动补全_eclipse自动补全的设置[通俗易懂]如果你用过VisualStudio的自动补全功能后,再来用eclipse的自动补全功能,相信大家会有些许失望。但是eclipse其实是非常强大的,eclipse的自动补全没有VS那么好是因为eclipse的补全功能用的是默认设置。你只需要稍微修改一下就行了。最简单的修改方式是:Windows——>Preferences——>Java–>Editor–>Content…

  • 数据可视化与大数据分析

    数据可视化与大数据分析 商业智能通常被理解为将企业中现有的数据转化为知识,帮助企业做出明智的业务经营决策的工具。而数据分析是商业智通的途径之一,而大数据分析的结果可视化,对经营决策将起着关键作用。 数据可视化软件可以让数据分析师和业务用户利用图表、图形传达信息,帮助读者更加直观地理解数据背后的故事。但试图基于数据可视化来讲述故事的时候,你必须小心,特别是当你长时间沉浸在分析工作中受到熟悉内容蒙蔽的时候。要确…

  • 百度分享到qq空间失败

    百度分享到qq空间失败

  • 使用adb命令安装apk到手机

    使用adb命令安装apk到手机第一步让真机与电脑相连,cmd打开dos命令窗口(打开cmd的快捷键是Windows+R).第二步输入adbdevices查看手机与电脑是否连接成功,能看到设备信息就代表设备已经连接成功了.第三步紧接着就可以安装apk了.首次要知道自己的apk放在哪个盘符的文件里了.比如我的apk放在E:\data里.进入apk文件所在的目录:输入…

  • DropDownList DataBound事件

    DropDownList DataBound事件当我们在对DropDownList绑定数据的时候DropDownList1.DataTextField=””;DataTextField绑定要显示的值DropDownList1.DataValueField=””;DataValueField绑定value值可是当绑定的时候没有value值的话,value的值就会和Text值相等,可是我们value值又不想取文字形式的…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号