本文目录一览：
- 1、web前端里面list-style-typle作用是什么？
- 2、如何解决list-style-type属性失效
- 3、请问css中 list-style:none;和 list-style-type:none;区别是？？？
web前端里面list-style-typle作用是什么？
CSS 属性 list-style-type 可以设置列表元素的 marker（比如圆点、符号、或者自定义计数器样式）
@disc: 全心圆
@circle: 空心圆
@square: 方形
@decimal: 数字
@upper-roman: 大写罗马数字
@lower-roman: 小写罗马数字
@upper-alpha: 大写字母
@lower-alpha: 小写字母
@trad-chinese-informal: 中文
@kannada: 印度语 （ 不推荐 ）
@georgian: 阿拉伯数字（ 不推荐 ）
※ 注意: 输入时请忽略 '@', 例: X{ list-style-type: decimal; }
如何解决list-style-type属性失效
有的时候我们在网页中对li标签设置了它的css属性，比如list-style-type:disc;然而我们的网页前端呈现结果中却看不到我们的效果（li前面一个小圆点），但是css又显示没错，我们该如何解决？-liststyletype
其实造成这种现象的原因有两种可能，一种是li属性设置了list-style-position:outside;列表符号的位置在盒模型之外，所以第二个列表项的符号被第一个列表项盖住，或者被前面的框架覆盖，所以就看不到效果，-liststyletype
还有一种情况就是li元素设置了float:left;属性也会造成LI元素不正常。
解决办法：第一种情况直接修改list-style-position:outside;为list-style-position:inside;没有的话就加上去。方法二：在list-style-position:outside;的情况下给列表符号留个位置来显示，比如说给li加个属性margin-left：50px；第二种情况直接删掉浮动元素float即可。-liststyletype
扩展：list-style-type:定义列表样式
disc: 点
circle: 圆圈
square: 正方形
decimal: 数字，例如1，2，3，，....，11，12，13
decimal-leading-zero: 十进制数，不足两位的补齐前导0，例如: 01, 02, 03, ..., 98, 99
lower-roman: 小写罗马文字，例如: i, ii, iii, iv, v, ...
upper-roman: 大写罗马文字，例如: I, II, III, IV, V, ...
lower-greek: 小写希腊字母，例如: α(alpha), β(beta), γ(gamma), ...
lower-latin: 小写拉丁文，例如: a, b, c, ... z
upper-latin: 大写拉丁文，例如: A, B, C, ... Z
armenian: 亚美尼亚数字
georgian: 乔治亚数字，例如: an, ban, gan, ..., he, tan, in, in-an, ...
lower-alpha: 小写拉丁文，例如: a, b, c, ... z
upper-alpha: 大写拉丁文，例如: A, B, C, ... Z
none: 无(取消所有的list样式)
inherit:继承
自定义图片：list-style:square inside url('')
简写规则：list-style:square inside url('arrow.gif');前面蓝色的square为列表符号list-style-type，中间红色的inside为list-style-position定位符，最后面绿色的url是图片路径list-style-image，如果存在这个图片就会覆盖前面的square，如果不存在就用square显示。-liststyletype
请问css中 list-style:none;和 list-style-type:none;区别是？？？
list-style:none ulli 设置列表标记默认会是实心圆点，设成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文件，查看实现的效果。
