首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 软件管理 > VSTS >

dl,dt,dd标签 VS 守旧table实现数据列表

2012-11-22 
dl,dt,dd标签 VS 传统table实现数据列表table数据列表传统table的数据列表代码如下所示。我们要为每行添加t

dl,dt,dd标签 VS 传统table实现数据列表

table数据列表

传统table的数据列表代码如下所示。我们要为每行添加tr标签,然后还要在其中为标题和数据各加一个td标签,由于标签都是td,想要添加样式的话还要为每个td添加class属性。

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的实例中你应该能明显的看出它们的代码更简洁更平滑更符合语义化了吧。

?

热点排行