1.首先需要新建一个06.html。2.定义一个html5标准声明。3.输入html网页的结构。4.添加一个ul列表后添加style标签，把列表设为没有格式。5运行网页查看效果
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选择器有三种类型：标记选择器、类别选择器、ID选择器
一、标记选择器：
就是“O 标签（重新定义。。。。）”
标记选择器是必须使用HTML的标签作为选择器的名称，也就是说“(2)当选中第二个时候，名称框中必须是下拉列表框中的内容” ，是的。
格式：标记名称{属性：值；属性：值；}
例子：
<head>
<style type="text/css">
p{color:red
font-size:25px
}
</style>
</head>
<body>
<p>标记选择器</p>
</body>
二、类别选择器：
就是“O 类（可应用于任何标签）”
也叫class选择器，可以自定义选择器的名称，其中class为自定义的名称。
格式： .class{属性：值；属性：值；}
例子：
<head>
<style type="text/css">
.one{color:red
font-size:25px
}
.two{color:blue
font-size:20px
}
.three{color:green
font-size:15px
}
</style>
<body>
<p class="one">class选择器1</p>
<p class="two">class选择器2</p>
<p class="three">class选择器3</p>
<p class="three">class选择器4</p>
</body>
三、ID选择器：
就是”O 高级 （ID、伪类。。。。）“
用法基本和class选择器相同，也可以自定义选择器名称，其中ID为自定义的名称。不同的是：ID选择器不允许一个ID同时出现在两个标签中，而class选择器则相反。
格式：#ID{属性：值；属性：值；}
例子：
<head>
<style type="text/css">
#one{color:red
font-size:25px
}
#two{color:blue
font-size:20px
}
#three{color:green
font-size:15px
}
</style>
<body>
<p id="one">class选择器1</p>
<p id="two">class选择器2</p>
<p id="three">class选择器3</p>
<p id="three">class选择器4</p>
</body>
也就是说上面两个<p>标签中，同时出现了两个ID名称，为”three“，这在ID选择器中是不允许出现的。
以上是我的回答，至于什么时候用哪种选择器，这是可以灵活运用，没有特定的该用哪个选择器。
