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>