元素的顯示與隱藏：
類似**廣告，當我們點選就不見了，但是重新重新整理頁面，會重新出現。
本質：讓乙個元素在頁面中隱藏或者顯示出來。
常用的三種方法：display、visibility、overflow
1.display屬性：
display屬性用於設定乙個元素如何顯示
引數：none：隱藏物件；
block：除了轉換為塊級元素之外，同時還有顯示元素的意思；
display隱藏元素後，不在占有原來的位置。
後面應用及其廣泛，搭配js可以做很多網頁特效。
<style
>
.peppa
.george
style
>
head
>
<
body
>
<
div
class
="peppa"
>佩奇
div>
<
div
class
="george"
>喬治
div>
body
>
2.visibility屬性：
visibility屬性用於指定乙個元素應可見還是隱藏。
引數：visible：元素可見；
hidden：元素隱藏。
注意：visibility隱藏元素後，繼續占有原來的位置。
如果隱藏元素想要原來的位置，就用visibility：hidden；
<style
>
.bb
.mm
style
>
head
>
<
body
>
<
div
class
="bb"
>豬爸爸
div>
<
div
class
="mm"
>豬媽媽
div>
body
>
3.overflow屬性：
overflow溢位：
overflow屬性指定了如果內容溢位乙個元素的框（超過其指定高度及寬度）時，會發生什麼。
引數：visible：不剪下內容也不新增滾動條
hidden：不顯示超過物件尺寸的內容，超出的部分隱藏掉；
scroll：不管超出內容否，總是顯示滾動條；
auto：超出自動顯示滾動條，不超出不顯示滾動條；
注意：一般情況下，我們都不想要溢位內容顯示出來，因為溢位的部分會影響布局；
但是如果有定位的盒子，請慎用overflow：hidden，因為它會隱藏多餘的部分。
<style
>
.peppa
style
>
head
>
<
body
>
<
div
class
="peppa"
>
《小豬佩奇》，又名《粉紅豬小妹》（台灣名為粉紅豬），英文名為《peppa
pig》，是由英國人阿斯特利（astley）、貝克（baker）、戴維斯（d**is）創作、導演和製作的一部英國學前電視動畫片，也是歷年來最具潛力的學前兒童品牌。故事圍繞小豬佩奇與家人的愉快經歷，幽默而有趣，藉此宣揚傳統家庭觀念與友情，鼓勵小朋友們體驗生活。
div>
body
>
總結：1.display顯示隱藏元素，但是不保留位置；
2.visibility顯示隱藏元素，但是保留原來的位置；
3.overflow 溢位顯示隱藏，但是只對於溢位的部分處理。
CSS元素的顯示與隱藏
我們訪問某些 的時候，經常可以看到一些廣告彈出來，點選關閉就不見了，但是重新重新整理頁面後，廣告又會重新彈出來。這就是元素的顯示和隱藏的乙個應用。display屬性用於設定乙個元素應如何顯示。display隱藏元素後，不再占有原來的位置。visibility屬性用於指定乙個元素應可見還是隱藏。vis...
CSS 小結筆記之元素的隱藏與顯示
在 上經常會有一些需要一定操作才會顯示或隱藏的元素，這時會用到元素的隱藏與顯示。主要通過以下三種屬性實現。1 display none block inline inline block display常用以上四個屬性值，none 是元素隱藏，且不占有位置。block 除了轉換為塊級元素之外，同時還...
CSS筆記 元素的顯示和隱藏
display none 不佔位常用 visibility visible hidden 佔位overflow visible hidden scroll auto display none display隱藏元素後，不再占有原來的位置。visible 預設值。元素是可見的。hidden 元素是不可...