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

html-css025

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列表的用处主要是列举出一维的,同一类型的数据。具体的比如使用在菜单上,文章中列数的一些条例等等。