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)


相关推荐

  • python破解版激活码【中文破解版】

    (python破解版激活码)这是一篇idea技术相关文章,由全栈君为大家提供,主要知识点是关于2021JetBrains全家桶永久激活码的内容IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.html83PVI25FMO-eyJsaWN…

  • Raid0、Raid1、Raid5及Raid10的区别

    Raid0、Raid1、Raid5及Raid10的区别一、概况Raid(RedundantArrayofIndepentDisk独立冗余磁盘阵列)技术是加州大学伯克利分校1987年提出,最初是为了组合小的廉价磁盘来代替大的昂贵磁盘,同时希望磁盘失效时不会对数据的访问造成影响而开发的数据保护技。raid就是由多块磁盘构成的冗余阵列,在操作系统下是作为一个独立的大型存储设备出现的。它可以充分发挥出多块硬盘的优势,可以提升硬盘的读写速度,提高硬盘的利用率,日工容错功能确保数据的安全性,易于管理等优点。在任何一块硬盘出现问题的情况下都可以继续工作,不受损

  • html 转 js_js加载html字符串

    html 转 js_js加载html字符串vartoJs=function(){varhtml=document.getElementById(“myhtml”).value;varreg=newRegExp(“\r\n”,”g”);html=html.replace(/\’/g,”\\'”).replace(/\”/g,’\\”‘);html=html.replace(/[\r\n]/g,’\”\+\r

  • 光棍节程序员闯关秀-解密

    光棍节程序员闯关秀-解密前言最近看到的了一个比较有意思的解密游戏,这解密的过程中确实花了不少的功夫,后来通过搜索才发现这是好几年前的题目,但是题目虽然是老的,但技术是没有过时的,不得不承认其中有些问题我确实解答不上来,不过解密的过程还是很有意思的,在此记录一下,游戏地址为光棍节程序员闯关秀第1关(总共10关)有兴趣的可以自己玩一下,有些题目还是很需要专业知识的,具体的解题步骤网络上一大堆,不过我发现一个问题,你们为什么不把

  • navicat prenium最新激活码 mac【最新永久激活】「建议收藏」

    (navicat prenium最新激活码 mac)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.cn/100143.html1STL5S9V8F-eyJsaWNlbnNlSW…

  • 小米墨西哥市场_墨西哥有多危险

    小米墨西哥市场_墨西哥有多危险墨西哥小米之家首家开业

发表回复

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

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