去除li小圆点以及解决其空格问题

　　无论是ul仍是ol中的li前面始终有个小圆点，之前没有发现问题，都是直接给ul增长list-style:none;属性，可今天屡试不爽的属性出现问题了，上图

经过两张截图能够清晰的看到虽然小圆点去掉了，可是仍是占着位置。典型的占着**不**，并且还影响视图效果，怎么办？先看看样式，里面没有margin或者padding这类的东东，而后看看盒模型，果真：

从盒模型能够看到ul有个padding，外围有margin，那就把padding去掉试试。

结果显示终于正常了，也没有占位了，完美！！

总结：修改属性可能还达不到本身想要的效果，能够多查看CSS样式以及盒模型，颇有用的！

--------------------------------------------------

附上其余list-style-type的取值

　　disc   默认值。实心圆
　　circle   空心圆
　　square   实心方块
　　decimal   阿拉伯数字　
　　 lower-roman   小写罗马数字
　　upper-roman   大写罗马数字
　　lower-alpha   小写英文字母
　　upper-alpha   大写英文字母
　　none   不使用项目符号

固然也能够自定义项目符号list-style-type:url();