美文网首页
块元素基本介绍

块元素基本介绍

作者: 风之旅途 | 来源:发表于2017-02-10 21:00 被阅读0次

    <块元素特点是竖直排列,宽度占满整行,宽度占100%,另起新行

    常用的块元素标签有:div,ul,li,ol,h1~h6,dl,dt,dd


    div:无语义标签;和span在行元素里的地位相同

    <div>

        测试字段

    </div>


    无序列表:

    ul>li

    <ul>

         <li>测试1</li>

         <li>测试2</li>

    </ul>

    效果:

    注意:必须配合使用,不能只出现ul或者li,ul的子元素必须是li

    可以在ul里加入属性改变前面那个点的样式:

    type="circle"空心圆点

    type="square"方形

    如:

    <ul type="circle">

        <li></li>

    </ul>


    有序列表:

    ol>li

    <ol>

        <li>测试1</li>

        <li>测试2</li>

    </ol>

    type的属性值:a,A,i,I



    dl,dt,dd的用法:

    <dl>-------一定要用这个包住下面两个,dl的子元素只能是dt,dd

        <dt>html</dt>-------------标题

        <dd>html5是html的第五个演进版本</dd>---------------内容

    <dl>


    p----段落--一般用于一大段文字

    <p>

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

    </p>


    h1~h6------标题

    h标题要一级一级的往下用,不能跳着来用,这是规范。

    相关文章

      网友评论

          本文标题:块元素基本介绍

          本文链接:https://www.haomeiwen.com/subject/rjknittx.html