比较两段html代码运行效率

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