当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > div+css布局必了解的列表元素ul ol li dl dt dd详解

CSS样式表
Webjx收集基于CSS+JS设计50款优秀的导航菜单
初学者简单学习CSS网页布局
CSS教程:一张图片实现圆角
基于CSS的网站导航菜单
CSS新特性:圆角边框多栏Gird布局背景设置
CSS实例教程:制作网页特殊产品列表
收集国外网站的25个CSS高级教程
CSS教程:制作圆角矩形的网站头像
网页推荐值得一看的CSS框架
有趣图例:你是一个网页设计师吗?
安装Firefox的Jetpack扩展的步骤
CSS教程:CSS制作3D立方体
Css教程:FireFox正常IE错位的绝对定位元素
CSS对IE6、IE7、IE8支持详细的易用的参考
CSS Sprites简介以及优缺点
CSS教程:避免使用滤镜
DIV+CSS佈局代码精简对SEO的影响
学习CSS需要知道的CSS基础知识
CSS教程:clip属性全知道
基于firebug的firefox扩展:css usage

CSS样式表 中的 div+css布局必了解的列表元素ul ol li dl dt dd详解


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 90 ::
收藏到网摘: n/a

dt 和dd中可以再加入 ol ul li和p,理解这些以后,在使用div布局的时候,会方便很多,其实w3c提供了很多元素辅助布局都是有它的用处的,而不尽是div。 块级元素div尽量少用,其实和table一样,嵌套越少越好,它也是会影响速度的!
ol 有序列表。
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
表现为:
1……
2……
3……
ul 无序列表,表现为li前面是大圆点而不是123
<ul>
<li>……</li>
<li>……</li>
</ul>
多人容易忽略 dl dt dd的用法
dl 内容块
dt 内容块的标题
dd 内容
以这么写:
<dl>
<dt>标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>