dl dt dd 标签的用法(二)

 dl>< /dl>用来创建一个普通的列表
  < dt>< /dt>用来创建列表中的上层项目
 
< /dd>用来创建列表中最下层项目
  < dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。
解释下这里为什么说dt和dd分别创建上层和下层的项目。dt和dd如果不加浮动的话,是自己在一行的,也就是块元素。所以这里写的是上层和下层。

1:dl <wbr>dt <wbr>dd <wbr>标签的用法(二)

看下源码:
dl <wbr>dt <wbr>dd <wbr>标签的用法(二)
这里我说下,以前的时候我都是用li然后写个img标签
p标签这样写。现在看看 还是用dl dt dd 比较好,看着比较规整。比ul li 简单多了。

2:
dl <wbr>dt <wbr>dd <wbr>标签的用法(二)

dl <wbr>dt <wbr>dd <wbr>标签的用法(二)

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

dl <wbr>dt <wbr>dd <wbr>标签的用法(二)

好了,多说句这里涉及到css的优先级。这里bg 和titles1这究竟显示了哪个的背景颜色,这里先提一句 那个在后面 就显示那个,所以bg 和titles1这两个显示在一起的时候,显示了bg这个的背景颜色,关于css优先级的问题,需要在研究下。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值