加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

dl dt dd 标签的用法(二)

(2014-07-15 13:54:47)
标签:

标签

橡皮

商品属性

列表

分类: css
  上篇博文爬行的蜗牛介绍了下dl dt dd 这三个标签的一些基本的语法,这篇主要讲下实例
 
  < dl>< /dl>用来创建一个普通的列表
  < dt>< /dt>用来创建列表中的上层项目
 
< /dd>用来创建列表中最下层项目
  < dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。
解释下这里为什么说dt和dd分别创建上层和下层的项目。dt和dd如果不加浮动的话,是自己在一行的,也就是块元素。所以这里写的是上层和下层。

1:http://s12/mw690/002X04wVzy6KsSSB6kz8b&690dt dd 标签的用法(二)" TITLE="dl dt dd 标签的用法(二)" />

看下源码:
http://s3/mw690/002X04wVzy6KsT25ODM82&690dt dd 标签的用法(二)" TITLE="dl dt dd 标签的用法(二)" />
这里我说下,以前的时候我都是用li然后写个img标签
p标签这样写。现在看看 还是用dl dt dd 比较好,看着比较规整。比ul li 简单多了。

2:
http://s2/mw690/002X04wVzy6KsUeQISt21&690dt dd 标签的用法(二)" TITLE="dl dt dd 标签的用法(二)" />

http://s10/mw690/002X04wVzy6KsUfJDTz99&690dt dd 标签的用法(二)" TITLE="dl dt dd 标签的用法(二)" />

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

http://s9/mw690/002X04wVzy6KsYH6XP248&690dt dd 标签的用法(二)" TITLE="dl dt dd 标签的用法(二)" />

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

qq:1440334532 承接dede,ecshop,discuz等cms网站制作,二次开发。爬行的蜗牛
有问题或者想交流织梦等关于网站的各种cms,可以加我qq:1440334532,欢迎交流


0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有