当前位置:asp编程网>技术教程>Css3教程>  正文

比较两段html代码运行效率

2010-06-05 15:56:05   来源:www.aspprogram.cn    作者:wangsdong   浏览量:448   收藏

第一段:
<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的方法不一样罢了。第一种效率会更高些。


关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网