元素类型，二级菜单

元素类型

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

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

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

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

div  p  ul  ol  li  dt  dl  dd h1-h6

转换为块元素的办法：1.display:block;

　　　　　　　　　　2.absolute

　　　　　　　　　　3.float:left;

行内元素：有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>

 

 

posted @ 2023-10-12 01:14  故塔拉黑暗之神  阅读(12)  评论(0)  编辑  收藏  举报