首先，<li>標(biāo)簽里的內(nèi)容顯示時(shí)會(huì)自帶一個(gè)默認(rèn)屬性list-style-type（在瀏覽器顯示為“ · ”）。

然后.nav li這個(gè)選擇器里加入display:inline-block;這個(gè)屬性。在瀏覽器里顯示的“ · ”內(nèi)容

消失了。為什么會(huì)這樣？

另外既然“ · ”已經(jīng)消失，為什么后面還要添加一個(gè)list-style: none outside none;屬性呢？list-

style屬性中的第一個(gè)none也是清除“ · ”的，這樣代碼的作用不是重復(fù)了嗎。

還有一點(diǎn)，準(zhǔn)確的說“ · ”好像是隱藏了。在瀏覽器中雖然不被顯示了，但空間還是被占用的。

因?yàn)樵?nav里text-align沒有值，當(dāng)我給他一個(gè)center值，瀏覽器顯示導(dǎo)航里的內(nèi)容不再水平居中

了。