关于css 中的dl dt dd

< dl>< /dl>用来创建一个普通的列表,

< dt>< /dt>用来创建列表中的上层项目，

<dd>< /dd>用来创建列表中最下层项目，

< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。

常用与左右排布的列表，左侧是标签信息，右侧是描述信息。

例如:

配合 dl dd dt 加上以下几行代码就可实现上图效

html:

<dl>

<dd>Android</dd>

</dl>

</div>

css:

.main-box{

width: 300px;

height: 200px;

margin: 0 auto;

background-color: deepskyblue;

}

dt { position: absolute; }

dd {text-align: right; margin-left: 5em;}

关于css 中的dl dt dd相关推荐

DIV+CSS中标签dl dt dd常用的用法
< dl>< /dl>用来创建一个普通的列表, < dt>< /dt>用来创建列表中的上层项目, <dd>< /dd>用来创建列 ...
【转】网页制作中的CSS+DIV：dl,dt,dd分别表示什么意思啊？请说明啊，谢谢有什么功能？...
网页制作中的CSS+DIV:dl,dt,dd分别表示什么意思啊?请说明啊,谢谢有什么功能? <dl>标记定义了一个定义列表,定义列表中的条目是通过使用<dt>标记(" ...
HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 HTML 列表中的dl,dt,dd,ul,li,ol区别及应用工具/原料 html,dw软件方法/步骤 1 无序列表无序列表是 ...
HTML 列表中的dl,dt,dd,ul,ol,li区别及应用
1.无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(通常)进行标记.无序列表始于 <ul> 标签.每个列表项始于 <li>. 2.有序列表有序列表也是一列项目,列表 ...
html dt和dd顺序,dl dt dd使用方法
网页制作中的CSS+DIV:dl,dt,dd分别表示什么意思啊标记定义了一个定义列表,定义列表中的条目是通过使用标记("definition title",定义标题)和标记(&qu ...
前端之dl dt dd vs tr td th
dl dt dd认识及dl dt dd使用方法 <dl> 标签用于定义列表类型标签. dl dt dd目录 dl dt dd介绍结构语法 dl dt dd案例 dl dt dd总结一. ...
用dl元素编辑html个人信息,html dl dt dd标签元素语法结构与使用
dl dt dd认识及dl dt dd使用方法一.dl dt dd认识 - TOP html 是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与tabl ...
html dd标签隐藏,HTML dl dt dd 标签
一.dl dt dd 初步认识 html 是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格. 为常用标题+列表型 ...
html dt dd dl英文,dl dt dd是什么的缩写
html中的dl dt dd这几个标签,我老是记不住,经常今天查了是什么意思,隔几天又忘记了,今天在网上找了一下dl dt dd是什么的缩写,终于找到了他们的英文原文意思,这样记忆起来就方便多了,dl ...

关于css 中的dl dt dd

css:

关于css 中的dl dt dd相关推荐

最新文章

热门文章