当前位置:首页 > Div + CSS > 正文内容

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

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

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释义 ” 的相关文章

div+css布局漫谈

1.CSS布局常用的方法:float : none | left | right 取值:none :  默认值。对象不飘浮 left :  文本流向对象的右边 right :  文本流向对象的左边 它是怎样工作的,看个一行两列的例子 xhtml: <div > <div...

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...

XHTML+CSS兼容性解决方案小集

使用XHTML+CSS构架好处不少,但也确实存在一些问题,不论是因为使用不熟练还是思路不清晰,我就先把一些我遇到的问题写在下面,省的大家四处找。 1.在mozilla firefox和IE中的BOX模型解释不一致导致相差2px解决方法: div{margin:30px!important;margi...

如何处理不同浏览器之间的样式表的兼容性问题

IE 不支持 "min-height" 样式本站是这样解决的:.contents { ... ...; min-height:380px; ie-only:expression(this.style.height="390px"); } 兼容 IE 和 Mozilla 的 hr 定义Mozilla...

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

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

发表评论

访客

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