CSS元素div ul dl dt ol简单解释

2016-02-19 18:29 12 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的CSS元素div ul dl dt ol简单解释,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - Web开发 】

几个css元素的简单解释 div ul dl dt oldiv,这个很常见,块级元素,div尽量少用,和table一样,嵌套越少越好。

ol 有序列表

ol

li……/li

li……/li

li……/li

/ol

表现为:

1……

2……

3……

ul 无序列表,表现为li前面是大圆点而不是123

ul

li……/li

li……/li

/ul

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

很多人容易忽略 dl dt dd的用法

dl 内容块

dt 内容块的标题

dd 内容

可以这么写:

dl

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

dt标题/dt

dd内容1/dd

dd内容2/dd

/dl

dt 和dd中可以再加入 ol ul li和p

理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局.

来源:http://www.tulaoshi.com/n/20160219/1617890.html

延伸阅读
标签: Web开发
一、什么是DIV+CSS? “DIV + CSS” 是最新WEB标准的一个典型的应用。 一般来说,网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)等。 结构主要包括例如DIV在内的一系列的HTML(XHTML)标签,表现主要包括CSS(层叠样式表:Cascading Style Sheets), 行为主要包括例如对象模型(如W3C DOM)、ECMAScript等...
标签: Web开发
div和span用来为内容指定样式或绑定脚本。虽然大多数HTML元素可以通过style属性来设置样式信息,但是许多HTML元素有自己默认的样式,该样式可能和style定义的样式混合甚至冲突,是我们不希望看到的。如:strong style = “color: red”I am strong!/strong。和其他html元素不同,div和span没有默认的显示样式。所以可以通过它们来指定样式...
标签: Web开发
我们在制作网页过程中用到列表时一般会使用ul或者ol标签,很少用刑dl标签,但是这个三个标签却有着不可忽视的作用,毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是: dl /dl用来创建一个普通的列表, dt /dt用来创建列表中的上层项目, dd /dd用来创建列表中最下层项目, dt /dt和 dd /dd都必须放在 dl /dl标志对之间。 ...
标签: Web开发
你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,、h...
标签: Web开发
position=定位方式 padding=内间距 margin=外间距 (top=顶边 right=右边 bottom=底边 left=左边) background=背景 background-image=背景图像 background-repeat=背景图像是否及如何铺排 font-weight=字体的粗细 font-family=选择字体 font-size=字体尺寸 display=设置是否及如何显示元素 list-style-type=列表项所使用的预设...

经验教程

156

收藏

6

精华推荐

div css网页布局入门

div css网页布局入门

___末世微凉

什么是DIV+CSS?

什么是DIV+CSS?

ljz2013140

Div+CSS布局入门

Div+CSS布局入门

qq1638481651

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部