css中<li>标签的属性list-style和list-style-type这个两个有什么不同啊?求高手指教!

html-css04

css中<li>标签的属性list-style和list-style-type这个两个有什么不同啊?求高手指教!,第1张

这两个CSS属性产生的效果是一样的!

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

list-style:type

list-style-position

list-style-image

list-style-type:设置列表项标记的类型。默认为disc。

list-style-position:设置在何处放置列表项标记。值为outside、inside。默认为outside。

list-style-image:使用图像来替换列表项的标记。

如今,我们通常都是使用的list-style-type就可以了,他的主要功能还是设置列表的小圆点的样式,或者取消小圆点的!

希望帮助到你!

在ul标签下li的默认样式为一个实心圆(disc)   可忽略不写li样式的改变是用 list-style:属性值 来改变的我们给li设置css,去除默认样式(实心圆)将li的样式设置为空心圆将li的样式设置为实心正方形其他:  decimal   :   CSS1 阿拉伯数字   lower-roman   :   CSS1 小写罗马数字     upper-roman   :   CSS1 大写罗马数字     lower-alpha   :   CSS1 小写英文字母     upper-alpha   :   CSS1 大写英文字母     armenian   :   CSS2 传统的亚美尼亚数字     cjk-ideographic   :   CSS2 浅白的表意数字     georgian   :   CSS2 传统的乔治数字     lower-greek   :   CSS2 基本的希腊小写字母    hebrew   :   CSS2 传统的希伯莱数字     hiragana   :   CSS2 日文平假名字符     hiragana-iroha   :   CSS2 日文平假名序号     katakana   :   CSS2 日文片假名字符     katakana-iroha   :   CSS2 日文片假名序号     lower-latin   :   CSS2 小写拉丁字母   upper-latin   :  CSS2 大写拉丁字母 

li标签的css样式名称是current

其中要说明的就是楼上说的有点小问题,li是dw的默认标签所以不需要调用class,直接设置完css之后li即可生效。不过它控制的是所有的li.如果要控制单个要分开定义css样式,然后再用class或id调用.