??????dl,dt,dd????????table????

????????????????????????er??????????xHTML+CSS??????????table??????????????????????????????????????????????????????????????????????????????????????????????table??????????????????????????????????????????????????????????????????????????????????????????????HTML??dl??dt??dd????????????????????????????????????????????????????????????table??????????????????????????????????????????????????????????????????????????????????table????
????????????????????table??????????????????????????????????????????HTML??dl??dt??dd??????????????????????????…
table????????
????table????????????????????????????????????????tr????????????????????????????????????????td??????????????????td????????????????????????????td????class??????

????????????????:

<table>
<tbody>
<tr>
<td class="title">Name:</td>
<td class="text">Squall Li</td>
</tr>
<tr>
<td class="title">Age:</td>
<td class="text">23</td>
</tr>
<tr>
<td class="title">Gender:</td>
<td class="text">Male</td>
</tr>
<tr>
<td class="title">Day of Birth:</td>
<td class="text">26th May 1986</td>
</tr>
</tbody>
</table>

????????????CSS??????????????????HTML????????class??????????

????????????????:

/*TABLE LIST DATA*/
table {
margin-bottom:50px;
}
table tr .title {
background:#5f9be3;
color:#fff;
font-weight:bold;
padding:5px;
width:100px;
}
table tr .text {
padding-left:10px;
}

????????????????????????table????????????????CSS??????????????????????????????????td????????????????????class????????????????????????????????????????????????????????????????????????????????????????????????????????????????????Bug??????????????????????????
dl??dt??dd????????
??????????????????????HTML dl??dt??dd????????????????????????????dl(definition list-??????????)????????????????????????????????????dt(??????????)??????dd(??????????)??????????????????????????????

????????????????:

<dl>
<dt>Name: </dt>
<dd>Squall Li</dd>
<dt>Age: </dt>
<dd>23</dd>
<dt>Gender: </dt>
<dd>Male</dd>
<dt>Day of Birth:</dt>
<dd>26th May 1986</dd>
</dl>

????css??????????????????dt??dd??????????????

????????????????:

/*DL, DT, DD TAGS LIST DATA*/
dl {
margin-bottom:50px;
}
dl dt {
background:#5f9be3;
color:#fff;
float:left;
font-weight:bold;
margin-right:10px;
padding:5px;
width:100px;
}
dl dd {
margin:2px 0;
padding:5px 0;
}

??dl??dt??dd??????????????????????????????????????????????????????????????????
????????????????????????????table??????????web????????????????????????????????????????????????????????????????????????????