html中，dl和dd和dt标签是什么意思，什么时候需要用到它们_随笔

html中，dl和dd和dt标签的意思如下：

1、dl标签定义了定义列表（definition list）。

2、dd是用来定义列表中定义条目的定义部分。

举例说明：

<html>

<body>

<h2>一个定义列表：</h2>

<dl>

<dd>用来计算的仪器 ... ...</dd>

<dd>以视觉方式显示信息的装置 ... ...</dd>

</dl>

</body>

</html>

3、显示结果：

.menuDiv {width:1pxheight:32pxbackground:#999}

#submenu { MARGIN: 10px 0px 0px 10px

PADDING: 0px

float:left

BORDER: #fff 1px solid

BACKGROUND: #fff

COLOR: #fff

HEIGHT:25px

}

#submenu ul { CLEAR: left

MARGIN: 0px

PADDING:0px

BORDER: 0px

LIST-STYLE-TYPE: none

TEXT-ALIGN: center

DISPLAY:inline/*不换行*/

}

#submenu li { FLOAT:left/*横向浮动*/

MARGIN: 0px

display:block

line-height:28px

PADDING: 0px

TEXT-ALIGN: center

}

#submenu li a { DISPLAY: block

PADDING:2px 2px 2px 2px

BACKGROUND:#fff transparent no-repeat 2px 2px

FONT-WEIGHT: bold

WIDTH: 100%

COLOR: #666

TEXT-DECORATION: none

}

#submenu li a:hover { BACKGROUND:#666 no-repeat 2px 2pxCOLOR: #fff}

#submenu ul li#one A { WIDTH: 50px}

#submenu ul li#two A { WIDTH: 75px}

#submenu ul li#three A { WIDTH: 75px}

#submenu ul li#four A { WIDTH: 75px}

#submenu ul li#five A { WIDTH: 75px}

#submenu ul li#six A { WIDTH: 75px}

#submenu ul li#seven A { WIDTH: 50px}

对应代码：如下

<ul>

</li>

</ul>

</div>

这个不太好实现。标签的伪类focus可以很好的实现这种效果，但是在IE6下只支持a的伪类hover、active、visited、link。其他的标签在IE6下都没有伪类。所以建议用js，如果是闲来无事可以试一下。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/7634464.html

html中，dl和dd和dt标签是什么意思，什么时候需要用到它们

发表评论

评论列表（0条）