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优先级的问题,需要在研究下。
<
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优先级的问题,需要在研究下。
相关文章推荐
- 豆瓣列表 html 结构及语义化分析
- HTML和CSS
- CentOS7 yum 安装git
- 练习
- A*寻路算法
- github 分支
- SQL Server 2008 : Invoke or BeginInvoke cannot be called on a control until the window handle has ..
- Linux http post 请求 实例
- Android 指定Dex分包的Gradle插件
- ICMP
- gcc/g++ 动态 静态 链接库 so
- [LeetCode]145 二叉树后序遍历
- 获取XIB和Storyboard生成的控件
- 【学习笔记】ES6标准入门
- 根据txt文件中指定的文件名进行文件分类
- mongodb集群搭建
- 「C语言」「汇编」C输出hello world!系统发生了什么?
- apache的三种工作模式
- 打开固定文件的pr_debug
- 现代软件工程第一周作业