html清除样式

html-css07

html清除样式,第1张

你给span加个class不就行了吗?比如说

<span class="edit"></span>

css里写

.edit{.....}

标签选择器的优先级没有class高嘀!

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{

margin: 0

padding: 0

}aaa

body{font-size:12px}

img{border:none}

li{list-style:none}

input,select,textarea{outline:none}

a{text-decoration:none}

/* 清除浮动 */

.clearfix:after{content:""display:blockclear:both}

.clearfix{zoom:1}

接下来介绍几种去除列表前面小圆点的方法。

1、在CSS中写上 list-style:none;通过这个属性,可以去除列表样式

ul{list-style: none}

效果图:

2、在CSS中加上 list-style-type: none ;和上一种方式一样,只是用了不同的属性。

ul{list-style-type: none}

3、在 li 标签里面直接加入列表样式,前面两个给了样式去除圆点,后面两个没给,还会显示出来。

<ul><li style="list-style-type: none">西施</li><li style="list-style-type: none">王昭君</li><li>貂蝉</li><li>杨玉环</li></ul>

效果图:

4、当然,也可以给标签一个类名,在CSS中给样式,比如下列代码,只给第一个 li 标签样式,它自然就没有前面的圆点了。

HTML部分:

<ul><li class="a1">西施</li><li>王昭君</li><li>貂蝉</li><li>杨玉环</li></ul>

CSS部分:

.a1{list-style-type: none}

效果图:

总结:以上介绍了CSS中如何去除列表样式,四种方法都可以使用,看个人习惯了,希望这个如何去除 li 前面的点的 教程可以帮助到你!