您现在的位置是:首页 > 网站建设网站建设
css中link和import的区别?
江湖快报网2023-01-17 13:15:45【网站建设】人已围观
简介本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别。
1. 老祖宗的差别。link属于XHTML标签,而@import完全是CSS提供的一种方式。 link标签除了可以加载CSS外,还可以
本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别。
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”;
sub1.css
———————-
p {color:red;}
sub2.css
———————-
.myclass {color:blue}
这样更利于修改和扩展。
大致就这几种差别了,其它的都一样,从上面的分析来看,还是使用link标签比较好。标准网页制作加载CSS文件时,还应该选定要加载的媒体(media),比如screen,print,或者全部all等。
提示:这样做有一个缺点,会对网站服务器产生过多的HTTP请求,以前是一个文件,而现在却是两个或更多文件了,服务器的压力增大,浏览量大的网站还是谨慎使用。有兴趣的可以观察一下像新浪等网站的首页或栏目首页代码,他们总会把css或js直接写在html里,而不用外部文件。
很赞哦! ()
下一篇:返回列表
相关文章
随机图文
-
想给学校建立个网站,用什么域名好!
现在一般都用com的。。你注册学校的域名应该要跟你学校名称相符合 要简短好记的那种。。 有什么不懂可以资讯我-----康辉互联 (提供域名注册 网站建设) 给些班级网 -
衡水哪里建网站,
网站建设是不分地域限制的,可以的话去速八互联,网站建设(顶级域名+主机空间+建站宝盒+备案)最低360起全包 595935758 衡水哪有做网站 可以在百度上搜索“衡水网站建设” 如图 -
建设网银如何购物?求详细步骤!!!
建设银行开通网银后,把网银先激活,就能用来在网上买东西。在支付时使用“网上银行客户支付”就能支付了,可能是你选择的支付方式不对,所以才无法付款。 建设银行在网上 -
成都网站建设多少钱,有没有标准的价格
这个是没有标准的价格的 要看你所做网站的功能 看你是定制的还是模板的网站 www.caopukj.com