css中标签的属性list-style和list-style-type这个两个有什么不同？

html-css011

css中标签的属性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就可以了，他的主要功能还是设置列表的小圆点的样式，或者取消小圆点的！

用CSS设置UL标签的列表符号,这个我们是不需要去设置的，因为ul默认就是标签符号的，如果你是使用了这个list-style：none；去掉了这个属性，然后你又想有的话，你就给这个ul一个id或者是class，然后在css中list-style-type：disc !important这样就又有序号了，具体看代码：

<html>

<head>

<style>

#div1{

width:600px

height:40px

font-size:13px

list-style-type：disc !important

}

</head>

<body>

<div id='div1'>

<ul>

<li>测试1</li>

<li>测试2</li>

</ul>

</div>

</body>

</html>

css标签中基本标签属性有三种：块属性标签、行属性标签和行块属性标签。

一、块属性标签：特点：1.上下排列，独占一行 2.支持设置宽高，如果不设置宽高，宽度自动撑满父容器，高度由内容决定。

*有开始标签和结束标签，（双标签），只有一个标签的叫做单标签

常用的块属性标签：div标签（没有任何意义，一般用来划分区域）p标签（段落标签）h1-h6（标题标签，h1标签一般在一个网页中只有一个）ul>li（无序列表）ol>li（有序列表）

style=“list-style: none” （去掉无序列表前面的点）

**二、行属性标签：**特点：1.左右排列 2.不支持设置宽高 3.不支持上下的margin和padding