CSS中的DL与DT是一种用于定义列表的标记元素。DL表示定义列表，DT表示定义列表中的项目名称，DD表示定义列表中的项目描述。在HTML中，DL通常用于展示术语列表，其中每个DT项都代表一个术语，而DD项则是该术语的定义或描述。

dl{
display: block;
margin-bottom: 20px;
margin-top: 0;
}
dt{
font-weight: bold;
}
dd{
margin-left: 0;
}

DL通常具有以下的样式设计。它是一个块级元素，并且在上下方都有明显的距离。DT通常加粗以示区别，而DD项则有一个缩进。我们可以选择使用CSS来覆盖浏览器默认样式。

我们可以设置DT的字体加粗使其更易于区分。而DD则通过margin-left属性来实现缩进效果。

如果我们需要设置多列的术语列表，我们可以使用float属性和width属性来实现。通常我们将其放在容器div中。

Term 1
Definition 1
Term 2
Definition 2
Term 3
Definition 3
.deflist{
width: 100%;
overflow: hidden;
}
.deflist dl{
float: left;
width: 33%;
}
.deflist dt{
font-weight: bold;
}
.deflist dd{
margin-left: 0;
}

通过以上代码，我们可以将术语列表分成三列来展示。注意要设置overflow:hidden以清除浮动的影响。

总结：在CSS中，DL与DT标签一般用于定义术语列表，为了方便阅读与使用，可以通过设置一些属性和样式来使之更加美观，易于阅读。除此之外，我们还可以通过使用float属性和width属性来实现多列的列表展示。