kobe

快乐工作:前端;健康生活:篮球;爱笑笑

list-style与list-style-type的区别

在写css代码的时候,经常需要对ul,ol等标签做处理,去掉列表前的项目符号,或者更换成其他符号。

一般的用到的样式有以下两种:

ul,ol {
    list-style:none;
}
ul,ol {
    list-style-type:none;
}
种写法都生效,但当时却不知道二者的区别是什么,有时候甚至怀疑自己是否记错了,今天看css相关书籍的时候,刚好看到这一部分,于是把这个简单却容易混淆的地方记录一下。

list-style是对列表标签的缩写,而list-style-type是其中的一个属性,而list-style一共可以包含三个值,即:

list-style:list-style-type|list-style-position|list-style-image

例如:

ul {
    list-style:disc outside none;
}

 因此,要去掉一个列表前面的默认符号,使用以上的两种方法都是可以的!


posted @ 2012-08-28 10:26  胡涛儿  阅读(669)  评论(0编辑  收藏  举报