当前位置: 网学 > 编程文档 > XHTML > 正文

DIV+CSS中标签ul ol li dl dt dd用法

来源:Http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 来源: 网络 发布时间: 12/10/19
下载{$ArticleTitle}原创论文样式

 ul ol li dl dt 

dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦! 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提供了很多元素辅助布局。DD DT DL标签            我们平时常用的是< ul>< li>标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版。   < dl>< /dl>< dt>< /dt>< dd>< /dd>  < dl>< /dl>用来创建一个普通的列表,< dt>< /dt>用来创建列表中的上层项目,< dd>< /dd>用来创建列表中最下层项目,< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。看一下下边的例子您就会明白了:   dl ——define list——定义列表 dt ——define list title——用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题。  dd——define list define——用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解   例子:<dl> <dt>Today <dd>Today is yesterday.  <dt>Tomorrow <dd>Tomorrow is today. </dl>    例子2: <html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>  <title>无标题文档</title> <style type="text/css">  <!-- dt {         float: left;         width: 60px;          margin: 0px;         padding: 0px; } dd {         float: left;         clear: none;         width: 290px;         margin: 0px;         padding: 0px; } dl {      &
  • 上一篇资讯: FCKeditor插件开发详解
  • 网学推荐

    免费论文

    原创论文

    浏览:
    设为首页 | 加入收藏 | 论文首页 | 论文专题 | 设计下载 | 网学软件 | 论文模板 | 论文资源 | 程序设计 | 关于网学 | 站内搜索 | 网学留言 | 友情链接 | 资料中心
    版权所有 QQ:3710167 邮箱:3710167@qq.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
    Copyright 2008-2015 myeducs.Cn www.myeducs.Cn All Rights Reserved
    湘ICP备09003080号