首页 > 其他 > 详细

link@import

时间:2014-04-08 01:02:30      阅读:507      评论:0      收藏:0      [点我收藏+]
1.两者区别

1)link属于XHTML标签,而@import是CSS提供的;

2)页面被加载的时,
link会同时被加载,而@import引用的CSS会等到页面被加载完再加载; 

3)import只在IE5以上才能识别,而link是XHTML标签,无兼容问题; 

4)link方式的样式的权重 高于@import的权重.

5)
 link链接文档的样式除了样式表(rel="stylesheet")外还有文档目录(rel="contents")、帮助文档 (rel="help")等,@import只是作用于css。

6)
 link支持使用Javascript控制DOM去改变样式;而@import不支持。


2.补充说明

1)页面中使用CSS的方式主要有3种:行内添加定义style属性值,页面头部内嵌调用和外面链接调用,其中外面引用有两种:link和@import。
 

2) @import最优写法

  @import的写法一般有下列几种:

  @import ‘style.css‘ //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
  @import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不识别
  @import url(style.css) //Windows NS4, Macintosh NS4不识别
  @import url(‘style.css‘) //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
  @import url("style.css") //Windows NS4, Macintosh NS4不识别


  由上分析知道,@import url(style.css) 和@import url("style.css")是最优的选择,兼容的浏览器最多。从字节优化的角度来看@import url(style.css)最值得推荐。

link@import,布布扣,bubuko.com

link@import

原文:http://www.cnblogs.com/wishyouhappy/p/3650865.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!