大家好,今天小编关注到一个比较有意思的话题,就是关于css的三种引用类型的问题,于是小编就整理了2个相关介绍CSS的三种引用类型的解答,让我们一起看看吧。
- 怎么在HTML页面中引用JS,CSS文件? 麻烦写个具体代码?
- css中link和import的区别?
引用CSS文件<linkhref="/templets/default/styles/all.css"rel="stylesheet"type="text/css"/>引用JS文件<scripttype="text/javascript"src="/templets/default/js/jquery-1.3.1.min.js"></script>插入>HTML>脚本选择文件
本质上,这两种方式都是为了加载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标签无此问题。
4. 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。
@import可以在css中再次引入其他样式表,比如可以创建一个主样式表,在主样式表中再引入其他的样式表,如:
main.css
———————-
@import “sub1.css”;
@import “sub2.css”;
到此,以上就是小编对于css的三种引用类型的问题就介绍到这了,希望介绍关于css的三种引用类型的2点解答对大家有用。
[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/67145.html
相关推荐
-
大家好,今天小编关注到一个比较有意思的话题,就是关于javascript分堆栈吗的问题,于是小编就整理了1个相关介绍javascript分堆栈吗的解答,让我们一起看看吧。JavaScript中函数都是值传递吗?JavaScript中函数都是...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css有哪4种引用方式的问题,于是小编就整理了4个相关介绍css有哪4种引用方式的解答,让我们一起看看吧。html中怎么引用css样式?知网文献如何引用?html中import需要放在什么...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css继承性有哪些特性的问题,于是小编就整理了1个相关介绍css继承性有哪些特性的解答,让我们一起看看吧。CSS的继承性又被定义为什么性质?CSS的继承性又被定义为什么性质?CSS的继承性...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css和ie浏览器不同的问题,于是小编就整理了4个相关介绍css和ie浏览器不同的解答,让我们一起看看吧。css3和css一样吗?ie浏览器是windows的组成成分吗?IE浏览器结构的工...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css最后一个样式的问题,于是小编就整理了3个相关介绍css最后一个样式的解答,让我们一起看看吧。DW中常用css样式四种类型详细解析说明?css样式遵循什么原则?css样式表的设置方法有...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css3高频知识点的问题,于是小编就整理了4个相关介绍css3高频知识点的解答,让我们一起看看吧。css3有哪些特性?html5、c++、cs3、css、java有什么区别?css3的作用...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css样式实现方式优先级的问题,于是小编就整理了2个相关介绍css样式实现方式优先级的解答,让我们一起看看吧。什么叫优先级?css是什么意思?什么叫优先级?优先级就是分配给指定的CSS声明...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于javascript引用指针的问题,于是小编就整理了2个相关介绍javascript引用指针的解答,让我们一起看看吧。c++遍历iterator会导致空指针引用么?引用与指针有什么区别?c...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于css引用的三个形式的问题,于是小编就整理了2个相关介绍css引用的三个形式的解答,让我们一起看看吧。css层叠样式表有哪几种类型?它们的叠层优先级关系是什么?在HTML中,样式表按照应用...
-
大家好,今天小编关注到一个比较有意思的话题,就是关于怎样在css中设置伪类的问题,于是小编就整理了4个相关介绍怎样在css中设置伪类的解答,让我们一起看看吧。css怎么给背景添加超链接伪类?css3中伪类选择器由什么组成?html如何设计过...