DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义

  •   2009-07-31/13:31
  • 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提供了很多元素辅助布局。

    对于dl、dt、dd的设置建议不要用高度(height)和行高(line-height),在FF会产生错位,由于IE和FF是否自适应造成,建议使用dt、dd的padding属性来定位!


    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多