头闻号

青岛秀金国际贸易有限公司

护肤膏霜|综合性公司|农副产品加工|耗材|塑料包装制品|彩妆化学品

首页 > 新闻中心 > 科技常识:Css中link和@import的区别
科技常识:Css中link和@import的区别
发布时间:2024-11-09 10:47:23        浏览次数:6        返回列表

[email protected] ,相信小伙伴们对这个话题应该有所关注吧,[email protected] 的相关资料,希望小伙伴们看了有所帮助。

一、link 的使用<link href="http://www.aidi.net.cn/article/detial/4930/index.css"rel="stylesheet">

[email protected] 的使用<style type="text/css">@import url(index.css);</style>

三、link 和 @import 的区别1、引入的内容不同

link除了引用样式文件,还可以引用图片等资源文件,[email protected]

2、加载顺序不同

link引用 css 时,在页面载入时同时加载;@import需要页面网页完全载入以后加载

3、兼容性不同

link是 Xhtml 标签,无兼容问题;@import是在 css2.1 提出的,低版本的浏览器不支持

4、对 js 的支持不同

link支持使用 Javascript 控制 DOM 去改变样式;[email protected]

来源:爱蒂网