css中

和的用法与区别

<style>
p.percentage{
  width:50%;
  height:50%;
  background-color:pink;
}
p#pix{
   width:180px;
   height:60px;
  background-color:green;
}
span#pix{
   width:180px;
   height:60px;
  background-color:yellow;
}
</style>
<p class="percentage"> 按比例设置尺寸50%宽 50%高</p>
<p id="pix"> 按象素设置尺寸  180px宽 60px高</p>
<span id="pix">Lingyige</span>

通过图中可以看出，对class的使用为p.class，对id的使用为p#id。
p的默认设置是一整行
span是根据字段的长短