css设置列表项目类型为无

html-css026

css设置列表项目类型为无,第1张

使用sublime_text软件设置，操作步骤如下：

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选择器中是不允许出现的。

以上是我的回答，至于什么时候用哪种选择器，这是可以灵活运用，没有特定的该用哪个选择器。