CSS Display(顯示) 與 Visibility（可見(jiàn)性）
CSS?Display(顯示)?與?Visibility（可見(jiàn)性）
## 隱藏元素- display:none或visibility:hidden
display屬性設(shè)定元素如何顯示,visibility屬性設(shè)定了元素的可見(jiàn)性.display:none不佔(zhàn)用空間而visibility:hidden雖然元素不可見(jiàn)但是依然佔(zhàn)用同樣的空間.區(qū)塊級(jí)元素的特徵是佔(zhàn)用正航寬度強(qiáng)制換行,例如div,p,h1內(nèi)聯(lián)元素只佔(zhàn)用需要的寬度並且不強(qiáng)制換行,例如span, a.可以互相更改兩種元素顯示方式,例如span{display:block;}或li{display:inline;}visibility的屬性值可以是hidden或visible或是collapse ,collapse屬性可以用來(lái)隱藏表格的一行或一列,並且不影響表格的佈局,將隱藏元素的位置用相同的空白代替.CSS Display - 區(qū)塊和內(nèi)聯(lián)元素
塊元素是一個(gè)元素，佔(zhàn)據(jù)了全部寬度，在前後都是換行符。 區(qū)塊元素的範(fàn)例：<h1>#<p><div>#內(nèi)聯(lián)元素只需要必要的寬度，不強(qiáng)制換行。 內(nèi)聯(lián)元素的範(fàn)例：<span>#<a>如何改變一個(gè)元素顯示可以更改內(nèi)聯(lián)元素和區(qū)塊元素，反之亦然，可以使頁(yè)面看起來(lái)以特定的方式組合，並且仍然遵循web標(biāo)準(zhǔn)。 下面的範(fàn)例把span元素當(dāng)作區(qū)塊元素：<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
span
{
display:block;
}
</style>
</head>
<body>
<h2>標(biāo)題</h2>
<span>這是一段內(nèi)容</span>
<span>這也是一段內(nèi)容</span>
<h2>標(biāo)題</h2>
<span>內(nèi)容</span>
<span>也是內(nèi)容</span>
</body>
</html>注意：變更元素的顯示類(lèi)型看該元素是如何顯示，它是什麼樣的元素。例如：一個(gè)內(nèi)聯(lián)元素設(shè)定為display:block是不允許有它內(nèi)部的巢狀區(qū)塊元素。
