|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
破洛洛文章简介:@import与link,我们也常常听到有人说要利用link来引进CSS更好,可是你晓得为何吗?
我们晓得在网页中援用内部CSS有两种体例,即:@import与link,我们也常常听到有人说要利用link来引进CSS更好,可是你晓得为何吗?
link
link就是把内部CSS与网页毗连起来,详细情势
@import
import笔墨上与link的区分就是它能够把在一个CSS文件中引进别的几个CSS文件,详细情势- <!--@importurl("styles.css");-->
复制代码 为何利用@import
年夜部分利用@import体例的人是由于旧的扫瞄器是不撑持@import体例的,这意味着我们可使用@import来引进只让古代扫瞄器剖析的CSS款式.
利用以下代码可使IE6及以下的扫瞄器没法剖析该CSS(IE6以下的属于年久掉修在这里略往办法)- @importurl(../style.css)screen;
复制代码 另外一个次要的缘故原由就是当你的网页必要引进几个内部CSS文件时.你可使用link引进一个CSS,然后在这个CSS文件顶用@import体例引进别的几个CSS文件.如许看起来更简单办理.
为何利用link
利用link体例一个最次要的缘故原由就是你可让用户切换CSS款式.古代扫瞄器如Firefox,Opera,Safari都撑持rel=”alternatestylesheet”属性(便可在扫瞄器上选择分歧的作风),固然你还可使用Javascript使得IE也撑持用户改换款式.
如不分明,请进进这个页面,然后在Firefox中点击”检察-页面作风”.
@import的小偏差
假如你网页head标签内里非常复杂,只要@import属性的话,当用户扫瞄的网速较慢时,他会看到一个没有作风款式的页面,然后跟着CSS文件被下载完成才能够看到应有的作风.要制止如许的成绩,你必要确保head里最少有一个script或是link标签.
04-11更新:@import会使得CSS全体载进工夫变长.而且在IE中会招致文件下载序次被变动,比方安排在@import前面的script文件会在CSS之前被下载.
概况请参考http://www.stevesouders.com/blog/2009/04/09/dont-use-import/
究竟要用那种体例
就今朝看来小型的网站仍是利用link对照符合(大概说对照盛行),固然假如未来我们必要把CSS举行模块化办理也一定要用到@import.
文章部分翻译自What’stheDifferenceBetween@importandlinkforCSS?以作进修之用,接待增补.
符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。 |
|