|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
不管你用什么工具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB。
有良多网页中的CSS链接与援用是如许写的:
<styletype="text/css"media="screen">
@importurl("http://www.poluoluo.com/abc.css");
</style>
而良多网站利用的都是link
<linkrel="stylesheet"rev="stylesheet"href="webjx.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标签对照好。
更好的控制页面布局。不用多说。 |
|