|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
看到淘宝网页中如许写利用的是import,而良多网站都是利用link,固然另有一些页面对照复杂,流量很年夜的网站,是间接将CSS写在html代码中的?他们有甚么区分?css用import仍是link好?从典范论坛和别的一个网站也许懂得了一下
看到淘宝网页中年夜部分是如许写的
<styletype="text/css"media="screen">
@importurl("http://www.taobao.com/home/css/global/v2.0.css?t=20070518.css");
</style>
而良多网站利用的都是link
<linkrel="stylesheet"rev="stylesheet"href="default.css"type="text/css"media="all"/>
而像google百度163等网站他们都是间接写在网页中
固然利用链接link和导进import的优点就是易于保护,但当网速对照慢的时分,会呈现加载中止的情形,招致页面排版毛病
他俩的感化不异
独一的分歧是服务工具纷歧样
@import为CSS服务
link是为以后的页服务
典范有网友说@import会优先实行。
内部援用CSS中link与@import的区分
这两天刚写完XHTML加载CSS的几种体例,个中内部援用CSS分为两种体例link和@import。
实质上,这两种体例都是为了加载CSS文件,但仍是存在着渺小的不同。
不同1:老祖宗的不同。link属于XHTML标签,而@import完整是CSS供应的一种体例。
link标签除能够加载CSS外,还能够做良多别的的事变,好比界说RSS,界说rel毗连属性等,@import就只能加载CSS了。
不同2:加载按次的不同。当一个页面被加载的时分(就是被扫瞄者扫瞄的时分),link援用的CSS会同时被加载,而@import援用的CSS会比及页面全体被下载完再被加载。以是偶然候扫瞄@import加载CSS的页面时入手下手会没有款式(就是闪灼),网速慢的时分还挺分明(梦之都加载CSS的体例就是利用@import,我一边下载一边扫瞄梦之都网页时,就会呈现上述成绩)。
不同3:兼容性的不同。因为@import是CSS2.1提出的以是老的扫瞄器不撑持,@import只要在IE5以上的才干辨认,而link标签无此成绩。
不同4:利用dom把持款式时的不同。当利用javascript把持dom往改动款式的时分,只能利用link标签,由于@import不是dom能够把持的。
大抵就这几种不同了(假如另有甚么不同,人人告知我,我再增补上往),别的的都一样,从下面的剖析来看,仍是利用link标签对照好。
所有的设计第一步就是构思,构思好了。 |
|