请问css中 list-style:none;和 list-style-type:none;区别是？？？

html-css09

请问css中 list-style:none;和 list-style-type:none;区别是？？？,第1张

list-style:none <ul><li>设置列表标记默认会是实心圆点，设成none就是没有标记列表格式有好几种。list-style-type设置列表的格式为none也就是没有格式。操作方法如下：

1、首先新建一个html文件，命名为test.html。

2、在test.html文件内，使用ul、li标签创建一个列表，分别为测试一，测试二，测试三。

3、在test.html文件内，给ul标签添加一个class属性，用于样式的设置。

4、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。

5、在css标签内，通过class来设置ul的样式，将list-style属性设置为none，便可以实现取消掉li前面的点。

6、最后在浏览器打开test.html文件，查看实现的效果。

出现这个问题的原因：

通常我们都会有一个css-reset初始化所有html的margin:0padding:0的公共样式文件。当margin:0或者padding:0时，如果我们没有设置list-style-position为inside的时候就会出现这种情况。

解决办法：设置 list-style: square inside。或者给 ul 增加margin或者padding的left边距。