div+css中ul.ol.dl什么区别？

html-css015

div+css中ul.ol.dl什么区别？,第1张

1.ul是无序列表，也就是说没有排列限制可以随意加li；

<ul>

<li>可以随意放置</li>

<li>可以随意放置</li>

<li>可以随意放置</li>

</ul>

.可以随意放置

.可以随意放置

.可以随意放置

2.ol就序列表，会按照你写的li前后依次排列；

<ol>

<li>我是第一</li>

<li>我是第二</li>

<li>我是第三</li>

</ol>

1.我是第一

2.我是第二

3.我是第三

3.dl是定义列表，会默认前后层级关系；

<dl>

<dt>我是头</dt>

<dd>我是内容</dd>

<dd>我是内容</dd>

</dl>

我是头

--我是内容

--我是内容

希望能帮到你！

ul,ol等元素在大部分浏览器中都有默认的15像素内边距或外边距

建议使用 ul或ol元素前，清除一下默认内外边距

ol,ul {

margin:0

padding:0

}

H 这是一个系列的标签，从H1到H6，一共六个，有人说太少了，有人说正好用，有人说用不了这么多。反正我是觉得差不多。正确写法是：<h></h>主要是用来存放标题，也有一些朋友用来作它用拿来作其它用处，个人觉得这个标签还是让他安生一点，就让他做标题的作用。这六个标签之间最好不要出现什么相互包含的事。

ul,li 这是一个列表，在列表中，除了UL还OL，不过我觉得OL有点像是鸡肋。因为UL通过CSS定义一样可以有OL的数字排序效果。所以一般我不推荐使用OL，有UL就可以了。UL是块级的，他的子级li也是块级标签。正确的写法是<ul><li></li></ul>LI标签是被UL标签包裹的，在UL标签里可以有无数个LI标签，LI标签不能独立使用。并且LI标签一定要封口，这不光是美观问题，对于后期的维护也很有好处。很多程序员都不喜欢把这个LI封口。UL列表的用处主要是列举出一维的，同一类型的数据。具体的比如使用在菜单上，文章中列数的一些条例等等。