2.元素的顯示與隱藏

學習pink 老師css視頻後的總結

元素的顯示與隱藏

相似於網站廣告，當咱們點擊關閉就不見了，但咱們從新刷新頁面，會從新出現！

本質：讓一個元素在頁面中隱藏或者顯示出來。

1 display屬性

display屬性用於設置一個元素應如何顯示。

 

• display: none; 隱藏對象
• diaplay: block;除了轉換爲塊級元素外，同時還有顯示元素的意思

dispaly隱藏元素後，再也不佔有原來的位置。

 2 visibility屬性

visibility屬性用於指定一個元素是可見仍是隱藏的。

visibility: hidden; 元素隱藏

visibility: visible； 元素可視

visibility隱藏元素後，繼續佔有原來的位置。

若是隱藏元素還想要原來的位置，就用visibility: hidden

不想佔用原來的位置，就用display: none

3 overflow屬性

overflow屬性指定了若是內容溢出了制定邊框，會發生什麼

屬性值	描述
visible	不剪切內容，也不添加滾動條
hidden	隱藏溢出的部分
scroll	無論內容是否超出，都顯示滾動框
auto	根據內容，決定是否顯示滾動條