常用CSS元素div、ul、dl、dt、ol用法剖析

开发 前端
CSS中元素的用法非常值得大家关注,这里向大家简单描述一下常用CSS元素div、ul、dl、dt、ol的用法,相信你一定会感兴趣。

本文和大家重点学习一下常用CSS元素div、ul、dl、dt、ol的用法,理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局。

常用CSS元素div、ul、dl、dt、ol的简单解释

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

◆ol有序列表。

<ol>

<li>……</li>

<li>……</li>

<li>……</li>

</ol>

表现为:

1……

2……

3……

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

<ul>

<li>……</li>

<li>……</li>

</ul>

很多人容易忽略dldtdd的用法

◆dl内容块

dt内容块的标题

dd内容

可以这么写:

<dl>

<dt>标题</dt>

<dd>内容1</dd>

<dd>内容2</dd>

</dl>

dt和dd中可以再加入olulli和p

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

【编辑推荐】

  1. DIV+CSS隐藏内容行之有效的办法
  2. 十大CSS使用经典技巧
  3. CSS中SPAN和DIV的区别
  4. DIV高度自适应方法汇总
  5. DIV CSS网页布局需要掌握的八大技巧

 

责任编辑:佚名 来源: 236web.com
相关推荐

2012-05-30 13:17:46

HTML5

2010-09-10 15:01:26

CSS+DIV排版

2010-09-06 12:32:10

CSS伪元素

2010-08-27 10:04:33

borderclearCSS

2010-08-24 16:17:27

CSS简写

2010-08-16 11:19:31

DIV

2010-09-13 09:54:56

CSS浮动元素

2010-08-26 11:01:00

ulliCSS

2010-08-31 10:57:44

clipCSS

2010-08-25 14:56:15

CSS相对定位

2010-08-24 11:25:06

DIVCSS

2010-08-30 10:58:19

DIV CSSfloat

2010-08-25 11:13:49

CSS margin-righ

2010-09-13 13:21:29

CSS排版

2010-09-01 11:34:33

CSS布局

2010-08-17 14:05:48

Div+CSS

2010-08-17 10:00:17

DIV样式

2010-09-02 15:54:54

CSS边界叠加

2010-08-31 14:01:48

CSS

2010-09-17 09:28:19

Java API
点赞
收藏

51CTO技术栈公众号