display 常用属性

1、display：none

　　表示此元素不会被显示，不占空间的隐藏

/*css*/
.first{
　　display: none;
    width:200px;
    height:100px;
    background:yellow;
    }

<div class="first">
         我有display：none属性，我不会显示
</div>

注：

visibility：hidden

        表示此元素不会被显示，占空间的隐藏

2、display：block

        块元素，前后有换行符，独占一行，宽度缺省时默认为容器的100%

        常用块元素：p，div，h1~h6，ul，li，form

3、display：inline

        行内元素，前后没有换行符，和其他元素在同一行上

        常用行内元素：img，span，strong，em，input

4、display：inline-block

        行内块元素，具有独占一行没有换行符的特性

inline-block的元素同时具有block元素可以设置宽高，也具有inline没有换行符的特性，可以设置

vertical-align属性，HTML中的换行符、空格符。制表符等合并为空白符，字体不为0时，空白符

自然占据一定的宽度，使用inline-block 会产生了元素间的空隙。如a，img，可以在父容器设置font-size的大小为0，去除间隙，再给元素设置字体大小