`

网页布局中常用的列表元素ul ol li dl dt dd讲解

CSS 
阅读更多
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提供了很多元素辅助布局。
分享到:
评论

相关推荐

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

    dt 和dd中可以再加入 ol ul li和p,理解这些以后,在使用div布局的时候,会方便很多,其实w3c提供了很多元素辅助布局都是有它的用处的,而不尽是div。

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用.doc

    HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 方法/步骤 1无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表始于 &lt;ul&gt; 标签。每个列表项始于 &lt;li&gt;。

    dl、dt、dd列表标签实例

    我们平时常用的是&lt;ul&gt;&lt; li&gt;标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版。&lt;dl&gt;&lt;/dl&gt;&lt;dt&gt;&lt; /dt&gt;&lt;dd&gt;&lt; /dd&gt; &lt;dl&gt;&lt;/dl&gt;用来创建一个普通的列表,&lt;dt&gt;&lt; /dt&gt;用来创建...

    dl,dt,dd,ul,li,ol区别及应用

    ol有序列表:&lt;ol&gt;&lt;li&gt;……&lt;/li&gt;&lt;li&gt;……&lt;/li&gt;&lt;li&gt;……&lt;/li&gt;&lt;/ol&gt;表现为:1……2……3……ul无序列表,表现为li前面是大圆点而不是123:&lt;ul&gt;&lt;li&gt;……&lt;/li&gt;&lt;li&gt;……&lt;/li&gt;&lt;/ul&gt;很多人容易忽略dldtdd的用法:dl内容块dt内容...

    HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

    &lt;dl&gt; 标签用于结合 &lt;dt&gt; (定义列表中的项目)和 &lt;dd&gt; (描述列表中的项目)。 #实例 复制代码代码如下:&lt;dl&gt; &lt;dt&gt;计算机&lt;/dt&gt; &lt;dd&gt;用来计算的仪器 … …&lt;/dd&gt; &lt;dt&gt;显示器&lt;/dt&gt; &lt;dd&gt;以视觉方式显示信息的装置 … …&lt;/...

    DIV CSS网页布局中常用的列表元素

    DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义,在css布局中经常用得到。

    网页制作小技巧 dl dt dd标签用法

    一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到,它也属于列表类的标签,下面说一下大概的用法

    Bootstrap CSS布局之列表

    本文实例为大家分享了Bootstrap CSS布局中的列表布局,供大家参考,具体内容如下 列表 普通列表ul li 有序列表ol li 去点列表.list-unstyled 内联列表.list-inline 定义列表dl dt dd 水平定义列表dl-...

    前端与移动开发之列表

    ①dl是外面大框框 dt名字 dd里面小项目 dt和dd并列 ②dl里面只能包含dt和dd ③dt一般写术语或名词 ④dd一般是对dt中内容的解释说明 ⑤dd和dt是兄弟关系 使用场景:对术语或名词的解释说明

    IE7下在DD DT中插入a元素结果列表显示逐级向左

    根据 HTML4.01 规范可知,LI DD DT 元素只应存在于其对应的 UL OL DL 元素中,而由 UL OL DL 元素创建的列表从 HTML 规范的定义上说不应该包含具有其他意义的非列表元素 (‘display’ 不为 ‘list-item’ ),但在...

    解决IE7下在DD DT中插入a元素导结果列表显示逐级向左

    根据 HTML4.01 规范可知,LI DD DT 元素只应存在于其对应的 UL OL DL 元素中,而由 UL OL DL 元素创建的列表从 HTML 规范的定义上说不应该包含具有其他意义的非列表元素 (‘display’ 不为 ‘list-item’ ),但在...

    HTML基本标签属性总结

    4种块结构:div-ul(ol)-li 导航菜单 div-dl-dt-dd 图文混编 table-tr-td 规整数据 form-table-tr-td 表单布局 块标签:基本块级标签 标题:h1-h6 段落:p 水平线:hr 常用布局标签 有序:ol-li ...

    DD DT DL标签使用示例

    我们平时常用的是&lt; ul&gt;&lt; li&gt;标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版。 &lt;dl&gt;&lt; /dl&gt;&lt; dt&gt;&lt; /dt&gt;&lt; dd&gt;&lt; /dd&gt; &lt;dl&gt;&lt; /dl&gt;用来创建一个普通的列表,&lt; dt&gt;&lt...

    jquery Validate

    use tech js、validate、css use mark form ul li dl dt dd

    FE-interview:前端知识点总结

    div ul ol li dl dt dd h1 p 空元素 &lt;hr&gt; &lt;link&gt; &lt;meta&gt; Html5 浏览器加载原理 首先,开源浏览器一般以8k每块下载html页面。 解析 根据html文件生成DOM tree 根据css文件产生css规则树(CSS Rule ...

    蔚蓝网上书店首页代码

    教材 | 中小学教辅 | 外语 &lt;!--保健 | 家教 | 美丽装扮 | 育儿 | 美食 | 旅游 | 收藏 | 生活 | 体育 | 地图 | 个人理财 [个人社科] 文化 | 历史 | 哲学/宗教 | 古籍 | 政治/历史 | 法律 | 经济 | 社会科学 | ...

Global site tag (gtag.js) - Google Analytics