设为首页 加入收藏高级搜索·你问我答 知识就像内裤,看不见但很重要!~
入门新手学电脑认识硬件术语
教程视频教程笔记本教程图像
系统BIOS设置安装优化配置
故障不开机死机蓝屏变慢断网
安全查木马防火墙局域网防护
XPWin7Win8Vista2003linux
选购组装DIY笔记本台式机健康
网络组网无线英特网网络维护
软件QQ聊天WordExcel其他软件
资讯热门美女游戏电影
问答硬件软件网络数码
下载必备办公桌面主题
当前位置:学电脑网 -> 电脑教程 -> 网页设计教程 -> CSS教程 > 正文

CSS技巧:import与link的具体区别

2009-12-02 16:20:15作者: 浏览:176我要评论(0)
字号:T|T

  我们知道在网页中引用外部CSS有两种方式,即:@import与link,我们也经常听到有人说要使用link来引入CSS更好,但是你知道为什么吗?

  link

  link就是把外部CSS与网页连接起来,具体形式

  @import

  import文字上与link的区别就是它可以把在一个CSS文件中引入其它几个CSS文件,具体形式

  <!--

  @import url("styles.css");

  -->

  为什么使用@import

  大部分使用@import方式的人是因为旧的浏览器是不支持@import方式的,这意味着我们可以使用@import来引入只让现代浏览器解析的CSS样式.

  使用以下代码可以使IE6及以下的浏览器无法解析该CSS(IE6以下的属于年久失修在这里略去方法)

  @import url(../style.css) screen;另一个主要的原因就是当你的网页需要引入几个外部CSS文件时.你可以使用link引入一个CSS,然后在这个CSS文件中用@import方式引入其它几个CSS文件.这样看起来更容易管理.

  为什么使用link

  使用link方式一个最主要的原因就是你可以让用户切换CSS样式.现代浏览器如Firefox,Opera,Safari都支持rel=”alternate stylesheet”属性(即可在浏览器上选择不同的风格),当然你还可以使用Javascript使得IE也支持用户更换样式.

  如不明白,请进入这个页面,然后在Firefox中点击”查看-页面风格”.

  @import的小毛病

  如果你网页head标签里面十分简单,只有@import属性的话,当用户浏览的网速较慢时,他会看到一个没有风格样式的页面,然后随着CSS文件被下载完成才可以看到应有的风格.要避免这样的问题,你需要确保head里至少有一个script或是link标签.

  04-11更新: @import会使得CSS整体载入时间变长.并且在IE中会导致文件下载次序被更改,例如放置在@import后面的script文件会在CSS之前被下载.

  到底要用那种方式

  就目前看来小型的网站还是使用link比较合适(或者说比较流行),当然如果将来我们需要把CSS进行模块化管理也肯定要用到@import.

热点图文

      表  情:
      验 证 码:
      请文明发言,署名或者登录评论!(署名需要验证码)
      内蒙包头|抚顺|淄博|晋州|临沂|营口|南通|富阳|德州|商丘|梅州|广西贵港|衢州|莆田|榆林|藁城|南宫|涿州|深州|潞城|汾阳|内蒙二连浩特|内蒙丰镇|宁安|锡山|张家港|启东|江都|瑞安|义乌|丽水|瑞昌|即墨|滕州|曲阜|临清|巩义|涟源|西昌|清镇|安顺|楚雄|兴平|临夏|