发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素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>
dt 和dd中可以再加入 ol ul li和p
理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局。
来自: WindySky > 《网页布局》
0条评论
发表
请遵守用户 评论公约
div标签嵌套原则详解
提到 XHTML 标签的嵌套规则,我们先得知道有这么二类 XHTML 标签,一类叫做 块级元素(block),一类叫做 内嵌元素(inline,也有许多人叫它:内联、行内、线级等)。1. 块元素可以包含内联元素或某些块...
CSS 参考手册(9)
CSS 参考手册(9)CSS 高级语法。通过 CSS 继承,子元素将继承最高级元素(在本例中是 body)所拥有的属性(这些子元素诸如 p, td, ul, ol, ul, li, dl, dt,和 dd)。不需要另外的规则,所有 body 的子元...
列表、表格与媒体元素
列表、表格与媒体元素北冥复习html(二)一、表格的具体组成单位。table ==》 定义表格;<ol><li>有序1</li><li>有序2</li></ol>li ==》列表项(属块元素)2.无序...
Web|网页制作秘密武器之列表
<li>列表一</li><li>列表二</li><li>列表三</li>1)在HTML文件中,可以利用成对的<ul></ul>标记来插入无序列表,中间的列表项标签<li></li >...
HTML入门教程(二)
例2 创建一个普通列表<html><head><title>一个普通列表</title></head><body text="blue"><dl> <dt>中国城市</dt> <dd>北...
DIV+CSS中标签ul ol li dl dt dd用法 - ayajenson - 博
DIV+CSS中标签ul ol li dl dt dd用法 - ayajenson - 博DIV+CSS中标签ul ol li dl dt dd用法 ul ol li dl dt dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人...
常用的标记2
常用的标记2常用的标记2.1.超链接标记<A></A>无序(符号)列表:使用<UL></UL>标记,每一个列表项前使用<LI>,结构。如下: <UL...
HTML:一种标记语言而不是编程语言(7.0)
<ul><li>Coffee</li><li>Milk</li></ul><ol><li>Coffee</li><li>Milk</li></ol><ol start='''''...
HTML CSS + DIV实现局部布局
HTML CSS + DIV实现局部布局。2、技术目标:使用div + ul-li实现导航菜单布局 使用div + dl-dt-dd实现购物版块布局。3、一般的局部布...
微信扫码,在手机上查看选中内容