北京沣登科技发展公司

css的三种引用类型,css的三种引用类型是什么

大家好,今天小编关注到一个比较意思的话题,就是关于css的三种引用类型问题,于是小编就整理了2个相关介绍CSS的三种引用类型的解答,让我们一起看看吧。

  1. 怎么在HTML页面中引用JS,CSS文件? 麻烦写个具体代码?
  2. css中link和import的区别?

怎么html页面中引用JS,CSS文件? 麻烦写个具体代码

引用CSS文件&lt;linkhref="/templets/default/styles/all.css"rel="stylesheet"type="text/css"/&gt;引用JS文件<scripttype="text/javascript"src="/templets/default/js/jquery-1.3.1.min.js"></script>插入>HTML>脚本选择文件

css中link和import区别

本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别。

css的三种引用类型,css的三种引用类型是什么div>
图片来源网络,侵删)

1. 老祖宗的差别。link属于XHTML标签,而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了。

2. 加载顺序的差别。当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览@import加载CSS的页面时开始会没有样式(就是闪烁),网速慢的时候还挺明显。

3. 兼容性的差别。由于@import是CSS2.1提出的所以老的浏览器支持,@import只有在IE5以上的才能识别,而link标签无此问题。

css的三种引用类型,css的三种引用类型是什么
(图片来源网络,侵删)

4. 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。

@import可以在css中再次引入其他样式表,比如可以创建一个主样式表,在主样式表中再引入其他的样式表,如:

main.css

css的三种引用类型,css的三种引用类型是什么
(图片来源网络,侵删)

———————-

@import “sub1.css”;

@import “sub2.css”;

到此,以上就是小编对于css的三种引用类型的问题就介绍到这了,希望介绍关于css的三种引用类型的2点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/67145.html

分享:
扫描分享到社交APP