day14 python Css中的display

1.display:None，全部消失，位置也消失

Visibility:None:只是样式消失

display:inline就可以把块级别标签变成内敛标签

display:block:可以把内敛标签变成块级标签

纯内敛标签，高度宽度是不生效的。

如果内敛标签加上display：inline-block就可以让高度和宽度生效了，但是它还是内敛标签

  <!-- 本身就是块元素加了没有变化 -->
    <div style="display: block;background-color: green">fsd</div>
    <!--本身变成了内敛元素，没有了宽高,没有了行-->
    <div style="display: inline;background-color: red">fsd</div>
    <!--变成了块元素,具备了一行，具备了宽高-->
    <span style="display: block;background-color:red;width: 100px;height: 100px">fsdfsd</span>
    <!--纯内敛标签,不具备了一行，不具备了宽高-->
    <span style="background-color:red;width: 100px;height: 100px">fsdfsd</span>
    <!--具备了宽高，但是不具备一行-->


<span style="display: inline-block;background-color:red;width: 100px;height: 100px">fsdfsd</span>