首先，<li>標簽里的內容顯示時會自帶一個默認屬性list-style-type（在瀏覽器顯示為“ · ”）。

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

消失了。為什么會這樣？

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

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

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

因為在.nav里text-align沒有值，當我給他一個center值，瀏覽器顯示導航里的內容不再水平居中

了。