去除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();