您现在的位置:首页 >> CSS+DIV >> 内容

比较两段html代码运行效率

时间:2013-6-16 10:51:02 点击:

  核心提示:第一段:style.a,.b,.c,.d{background:transparent url(2.jpg); width:100px; height:100px;}.a{background-pos...

第一段:
<style>
.a,.b,.c,.d{background:transparent url(2.jpg); width:100px; height:100px;}
.a{
background-position: 0 0;
}
.b{
background-position: -200px -100px;
}
.c{
background-position: -300px -100px;
}
.d{
background-position: -400px -100px;
}

  </style>
  <div class="a"></div><br>
  <div class="b"></div><br>
  <div class="c"></div><br>
  <div class="d"></div><br>

第二段:
<style type="text/css">
.a{
background-position: 0 0;
background:transparent url(2.jpg); width:100px; height:100px;
}
.b{
background:transparent url(2.jpg); width:100px; height:100px;
background-position: -200px -100px;
}
.c{
background:transparent url(2.jpg); width:100px; height:100px;
background-position: -300px -100px;
}
.d{
background:transparent url(2.jpg); width:100px; height:100px;
background-position: -400px -100px;
}
  </style>
  <div class="a"></div><br>
  <div class="b"></div><br>
  <div class="c"></div><br>
  <div class="d"></div><br>
功能是一样的,只是使用的CSS的方法不一样罢了。第一种效率会更高些。



作者:佚名 来源:不详
共有评论 0相关评论
发表我的评论
  • 大名:
  • 内容:
  • 青春网络编程技术(www.qcfupo.com) © 2021 版权所有 All Rights Reserved.
  • Powered by qcfupo! V3.0sp1
  • 百度友情链接: 百家乐[www.chinawestnews.net/aomenbaijiale/] 赌博网[www.chinawestnews.net/amdbwz/] 海立方[www.bjl.gov.cn/bjgylc/] 娱乐城[www.gtxrmzf.gov.cn/mapai/] 娱乐城[www.hfsf.gov.cn/yfgj/] 威尼斯人[www.hllinkou.gov.cn/baijile/] 澳门威尼斯[www.jjwgj.gov.cn/wnsr/] 888真人[www.lagm.gov.cn/888zhenren/] 百乐坊[www.laoling.gov.cn/blfylc/] 现金网[www.longyu.gov.cn/xjw/] 百家乐[www.chinawestnews.net/ambjl/] 新葡京娱乐场[www.sjzedu.gov.cn/jsylc/] 时时彩[www.snjw.gov.cn/ssc/] 赌博[www.chinawestnews.net/aomendubo/]