当前位置:首页 > Div + CSS

列表元素ul ol li dl dt dd释义

canca18年前 (2008-03-26)Div + CSS497

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 lip
  理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局。 

扫描二维码推送至手机访问。

版权声明:本文由Ant.Master's Blog发布,如需转载请注明出处。

本文链接:https://iant.work/post/471.html

标签: Div + CSS
分享给朋友:

“ 列表元素ul ol li dl dt dd释义 ” 的相关文章

P:first-letter P:first-line 示例

<style type="text/css">p { color: red; font-size: 12pt }p:first-letter { color: green; font-size: 200% }p:first-line { color: blue }</style&g…

CSS hack浏览器兼容一览表

CSS hack是指我们为了兼容各浏览器,而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表,显示了各浏览器对css hack的支持程度,对我们制作兼容网页非常有帮助。  …

用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果

有的时候,为了实现一些特殊效果,需要将页面元素变透明,本文介绍的就是用 CSS 实现 Firefox 和 IE 都支持的 Alpha 透明效果。CSS: filter:alpha(opacity=50);       /* I…

关于IE、Firefox、Opera页面呈现异同

以下的东东,有些错误,请注意. 1.document.formName.item("itemName") 问题 说明:IE下,可以 使用document.formName.item("itemName")或document.formName.elements ["elementName"];Fi…

IE Firefox Hack

IE都能识别*,标准浏览器(如FF)不能识别*;IE6能识别*,但不能识别 !important;IE7能识别*,也能识别 !important;FF不能识别*,但能识别 !important;例如style="*width:10px;!important width:20px;"这样在IE6下宽度…

图片垂直居中的使用技巧

“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意,而是有其现实的原因,垂直居中是 淘宝 工作中最常遇到的一个问题,很有代表性。 题目的难点在于两点: 垂...…

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。