元素类型-526互联

元素类型

块元素：有display：block/display:list-item属性

特点： 1.默认情况下会独占一行，为矩形区域

　　　 2.可以定义自己的宽度和高度

　　　　3.一边作为其他元素的容器

div p ul ol li dt dl dd h1-h6

行内元素：有display：inline元素

　　　　　 1.横着排

　　　　　 2.不能定义宽高

　　　　　3.只有个别行内元素对margin和padding不生效

a b em i span（可以设置左右边距，不能设置上下边距） strong

行内块元素：具有块元素和行内元素的特点

img input

补充：display：none

隐藏菜单效果

<style>
    .hide{display: none;
    }
    .box:hover ul{display: block;}
</style>

<body>
    <div class="box">军事
        <ul class="hide">
            <li>11111</li>
            <li>22222</li>
            <li>333333</li>
        </ul>
    </div>