安徽十一选五开奖结果:从实际使用分析CSS引用方式的异同

作者: 来源: 更新时间:2013-04-07 17:27:52 点击:

安徽25选5直播 www.by7yj.cn 闲来无事,翻看各个门户网站的代码。发现在引用CSS的方式上存在很大的区别,主要表现为使用 import、link以及在当前页面插入。就我个人而言,一般只用到link方式,所以看到超级大站用其他两种方式不免想要探个究竟,多么可贵的学习精神……

淘宝网用的是import方式,代码如下:<style type=”text/css” media=”screen”>@import url(“//www.taobao.com/home/css/global/v2.0.css?t=20070518.css”);</style>

而大多数网站和我一样,用的是link方式,比如 paperrater:

<link rel="stylesheet" href="//www.paper-rater.com/wp-content/themes/paperrater/style.css" type="text/css" media="screen">

百度、google等网站则是直接在网页中书写了许多CSS代码。

直接在页面中写入CSS代码的利弊很清楚了,不方便复用,但利用率高、加载速度快(这也是百度GOOGLE这种对加载速度要求很高的网站选择这种方式的主要原因)。下面主要分析import和link两种方式的异同。

1. 从本质上说:

link方式是一种html标签,而import方式是在CSS代码域中的,因此它是一种CSS的方法,我们也可以说link是为页面提供内容的,而import是为CSS提供内容的。

2. 从加载顺序上说:

link方式引用的CSS会随着该标签所在页面中的位置而被加载,而import所导入的CSS代码则是在整个页面加载完毕之后才载入,这点区别比较重要,在加载速度受到限制时,import方式所影响的页面可能会因为CSS的加载延时而出现页面样式短时不受控制的现象。

3. 从功能上说:

link可以实现很多功能,除了加载CSS,它还可以加载许多其它文件,而import只能加载CSS文件。

4. 从技术结合上说:

link引用的CSS可以通过js寻找DOM进行样式控制,但import由于不在页面的dom中,因此难以被js控制。

5. 从兼容性上说:

link是随着HTML的出现而出现,随着HTML的发展而发展,因此基本上不存在兼容性问题,而import方式是在CSS的2.1版本中才提出来的,因此非常非常非常陈旧的浏览器不支持这一CSS方法。

  • 当蔚来照进现实 场地初试蔚来ES8 2019-06-25
  • 清明五一假期将至 韩国酒店为迎中国游客各出奇招 2019-06-24
  • 社会主义社会按劳分配是建立在公有制和私有制并存基础上的,共产主义社会按需分配是建立在公有制基础上的,所有制基础不同,其分配形式也就不同。所谓“共产主义... 2019-06-24
  • 编造传播虚假信息 “曹山石”被证监会处罚20万元 2019-06-23
  • 【新时代 新作为 新篇章】创新突破封锁线 2019-06-23
  • 90岁老夫妇也玩王者荣耀真人cosplay? 2019-06-23
  • 新疆举办高考招生咨询会 2019-06-23
  • 在强国论坛和新浪微博上也就说了几句国产80后伟大的钢琴家,嚯!粉丝不干了,邮箱里塞满男性女性生殖器的骂声和愤慨声。其实,真没有诋毁的意思。比如,美国一家男性内衣 2019-06-22
  • 共产党新闻网—资料中心—中国共产党重要会议 2019-06-22
  • “个十百千万”打造5G之城 “五横七纵”共筑产业联盟 2019-06-21
  • 倒着走能治腰颈椎痛?假的! 2019-06-21
  • 拥有大智慧的中国古人就把“子”和“女”结合在一体,造出一个会意字“好”字。一直就用这个“好”的感觉结果去衡量其它任何生存环境中的万物万事所给人的感觉。 2019-06-20
  • “ONE NIGHT 给小孩”北京站探访 周迅刘雯共奏可爱“交响曲” 2019-06-20
  • 人民网舆情分析专家:陈丽 2019-06-20
  • 图画书《一只特立独行的猪》用布艺风格讲故事 2019-06-19
  • 内蒙古快3走势图500期 七乐彩走势图表带坐标 华东15选5开奖3o期结果 北京赛车场 在表格设钜阵条件公式 pk10历史开奖 新东方心经 江苏e球彩遗漏 平特一尾中特 博彩公司实力 黑龙江p62中奖查询 投彩app下载 体育彩票36选7开奖查询 11选5体育彩票开奖结果 p3试机号牛彩网