display:inline-block

首先，<li>标签里的内容显示时会自带一个默认属性list-style-type（在浏览器显示为“ · ”）。

然后.nav li这个选择器里加入display:inline-block;这个属性。在浏览器里显示的“ · ”内容

消失了。为什么会这样？

另外既然“ · ”已经消失，为什么后面还要添加一个list-style: none outside none;属性呢？list-

style属性中的第一个none也是清除“ · ”的，这样代码的作用不是重复了吗。

还有一点，准确的说“ · ”好像是隐藏了。在浏览器中虽然不被显示了，但空间还是被占用的。

因为在.nav里text-align没有值，当我给他一个center值，浏览器显示导航里的内容不再水平居中

了。