您的位置:首页 > 其它

dl dt dd 标签的用法(二)

2016-03-05 17:34 260 查看
dl>< /dl>用来创建一个普通的列表

<
dt>< /dt>用来创建列表中的上层项目



< /dd>用来创建列表中最下层项目

< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。

解释下这里为什么说dt和dd分别创建上层和下层的项目。dt和dd如果不加浮动的话,是自己在一行的,也就是块元素。所以这里写的是上层和下层。

1:



看下源码:





这里我说下,以前的时候我都是用li然后写个img标签

p标签这样写。现在看看 还是用dl dt dd 比较好,看着比较规整。比ul li 简单多了。

2:









这里说下,dt和dd 大部分都是在写一些简单的,但是因为是两个在属性方面比li好用的很多商品名称:橡皮 这样的可以写上样式。当然不屑也可以直接写商品属性:橡皮也没问题,但是如果需要字体变粗什么的,显然dt dd 好用的多3:上一篇文章写到的可用用来做表格,我们写个这样的例子:







好了,多说句这里涉及到css的优先级。这里bg 和titles1这究竟显示了哪个的背景颜色,这里先提一句 那个在后面 就显示那个,所以bg 和titles1这两个显示在一起的时候,显示了bg这个的背景颜色,关于css优先级的问题,需要在研究下。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: