去掉dt和dd默认间隔的方法

<dl>

   <dt>

       <dd></dd>

       <dd></dd>

   </dt>

</dl>

 

这个html的标签大家应该会常用的吧，它用来修饰一段模式相同的具有标题和主体内容的数据。

 

dl--代表数据块

dt--代表这段数据的标题

dd--代表数据主体

 

有一个问题：很多孩纸都发现 dt 和dd之间总是有一个去不掉的10PX的间隔 这是怎么回事呢？

 

我自己试验发现 跟padding还有margin没关系 ，主要是你在css的修饰中一定要这样修饰

 

dl{

xx

}

 

dl dt{

xx

}

 

dl dt dd{

xx

}

 

也就是要用后代选择器来进行css抽取修饰才会除去间隔 大家可以试一试