第一部分：display:none
none這個(gè)值表示此元素將不被顯示。比如，當(dāng)我們?cè)跒g覽網(wǎng)頁(yè)時(shí)，如果看到了某個(gè)煩人的廣告遮擋了我們的實(shí)現(xiàn)，更為可氣的是，它還沒(méi)有關(guān)閉的選項(xiàng)，這時(shí)（以chrome為例），我們就可以按下F12，打開(kāi)開(kāi)發(fā)者工具，點(diǎn)擊element，然后使用左上角的選擇工具選中想要?jiǎng)h除的廣告，可以看到element中會(huì)有高亮的一行或幾行代碼，右鍵，點(diǎn)擊Add Attribute，然后輸入：style="display:none"，這時(shí)就可以發(fā)現(xiàn)廣告不見(jiàn)啦！ 當(dāng)然display:none的用法絕不是專門用于這里的，它還可以用于二級(jí)下拉菜單的制作中將二級(jí)下拉菜單先設(shè)置位display:none;,當(dāng)鼠標(biāo)滑過(guò)一級(jí)菜單時(shí)，再顯示出來(lái)（詳見(jiàn)《如何實(shí)現(xiàn)導(dǎo)航菜單中的二級(jí)下拉菜單》）。還可以用于登陸模態(tài)框的制作等等。
第二部分：display:block
使用了display：block;之后， 此元素將顯示為塊級(jí)元素，此元素前后會(huì)帶有換行符。我們先來(lái)回顧以下塊級(jí)元素是什么，他有什么特點(diǎn)。
既然要區(qū)分塊級(jí)元素和行內(nèi)元素，就得先說(shuō)說(shuō)標(biāo)準(zhǔn)文檔流了。標(biāo)準(zhǔn)文檔流：簡(jiǎn)稱標(biāo)準(zhǔn)流，指的是在不使用其他的與排列和定位相關(guān)的css規(guī)則時(shí)，各種元素的排列規(guī)則。于是，我們將“各種元素”分為塊級(jí)元素和行內(nèi)元素。（注：實(shí)際上還有空元素，如<br>用于換行，<hr>為一條水平線，這里對(duì)空元素不做過(guò)多討論）
塊級(jí)元素特點(diǎn)：
- 總是以一個(gè)塊的形式表現(xiàn)出來(lái)，占領(lǐng)一整行。若干同級(jí)塊元素會(huì)從上之下依次排列（使用float屬性除外）。
- 可以設(shè)置高度、寬度、各個(gè)方向外補(bǔ)?。╩argin）以及各個(gè)方向的內(nèi)補(bǔ)丁（padding）。
- 當(dāng)寬度（width）缺省時(shí)，它的寬度時(shí)其容器的100%，除非我們給它設(shè)定了固定的寬度。
- 塊級(jí)元素中可以容納其他塊級(jí)元素或行內(nèi)元素。
- 常見(jiàn)的塊級(jí)元素由<p><div><h1><li>等等。
- 塊級(jí)元素的display屬性值默認(rèn)為block。
行內(nèi)元素特點(diǎn)：
- 它不會(huì)單獨(dú)占據(jù)一整行，而是只占領(lǐng)自身的寬度和高度所在的空間。若干同級(jí)行內(nèi)元素會(huì)從左到右（即某個(gè)行內(nèi)元素可以和其他行內(nèi)元素共處一行），從上到下依次排列。
- 行內(nèi)
