學習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 | 根據內容,決定是否顯示滾動條 |
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/98415.html
標籤:Html/Css
