css清除列表样式_css清除样式代码

文中目录表：

• 1、HTML/javascript 文本 清除 CSS 样式 代码 等标签 如何编写
• 2、如何去掉列表的默认样式
• 3、【css】通配符选择器&清除浏览器默认样式
• 4、html怎么清除锚点样式

HTML/javascript 文本 清除 CSS 样式 代码 等标签 如何编写

1./?font[^]* 这个只却掉font标签的, 保留除font以外的所有标签, 如imgp等等. 同样的你需要去掉其他标签, 只需要将里面的font换你要去掉的；

2./?[^/?(img)|(p)][^]* 这个保留(这里我写的保留了img, p这两个标签)你指定的标签,其他的(包括font)全去掉, 如果你还有其他的标签想保留, 直接在里面加一个 |(xxx)；

3./?[a-zA-Z]+[^]* 这个表达式可以去掉所有HTML的标签；

4.JAVA代码可以这样写:

public static String delTagsFContent(String content){

String patternTag = "/?[a-zA-Z]+[^]*";

String patternBlank = "(^\\s*)|(\\s*$)";

return content.replaceAll(patternTag, "").replaceAll(patternBlank, "");

}

清除所有默认样式的css代码：

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code，

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

初始化代码（清除CSS代码）：

ul,li{ padding:0;margin:0;list-style:none}

解析清除ul li样式代码：

相等于分别对ul和li设置padding:0;margin:0;list-style:none；

padding:0 —— 设置内补白（对象内间距）为0

margin:0 —— 设置对象外间距为0

list-style:none —— 去除自带无序圆点

HTML/javascript

引用外部文件中的js脚本,

script type="text/javascript" src="ext.js"/script也可以象下面这样写，language不是必要的，但是推荐上面的写法；

script language="javascript" type="text/javascript" src="ext.js"/script

页面内引用：

script type="text/javascript"//![CDATA[var x = 0;function fn(args) { //...} //]]/script加上“//![CDATA[” 和 “//]]”是为了兼容XHTML，是推荐的写法，HTML时代一般用“!--”和“//--”

在一些HTML控件的事件属性中使用（一般事件为onxxx，如onmouseover,onclick,onchange）

body onload="alert('loaded');"input type="text" name="username" onclick="alert(this.value);" /在一些HTML控件的非事件属性中使用（注意：一定要加javascript:）

a href="javascript:void(0);" onclick="alert(this.innerText);"my blog:;/a

如何去掉列表的默认样式

新建一个html文件，命名为test.html，用于讲解css如何清除li列表默认样式。

请点击输入图片描述

在test.html文件内，使用ul、li标签创建一个列表。

请点击输入图片描述

在test.html文件内，设置ul标签的class属性为mycss。

请点击输入图片描述

在css标签内，通过class设置ul的样式，将list-style属性设置为none，消除列表的默认序号。

请点击输入图片描述

在css标签内，再将padding属性和margin属性消除li列表的内外边距。

请点击输入图片描述

6

在浏览器打开test.html文件，查看实现的效果。

请点击输入图片描述

【css】通配符选择器&清除浏览器默认样式

写法：*{}

星号即为通配符选择器，写在其中的样式会应用页面到所有的元素中，所以使用的频率并不高，主要用于清除浏览器默认样式。

在使用各种元素的过程中，我们会发现很多元素都是有默认样式的，比如body标签有默认的padding值和margin值，h1和p标签有默认的行高字号，margin值，a标签有默认的下划线，列表前面有小圆点等等，常常会干扰我们进行页面的编写，所以我们可以事先使用通配符选择器进行浏览器默认样式清除。

更精准的清除方法

刚刚我们使用的通配符选择器，会给所有元素都设置一遍默认样式，解析的工作量会比较大，所以我们可以根据我的页面里到底有哪些元素需要清除，使用群组选择器写出更精确的清除默认样式css，如：

可以把它写入一个外部样式表reset.css，如果需要清除直接导入就可以啦。

1、清除在编写页面中由于浏览器默认样式带来的干扰。

2、兼容性更好，不同浏览器的默认样式可能会有所不同，如果不清楚可能会造成我们编写的页面在不同浏览器上的效果有所出入。

选择器部分文章：

选择器介绍（一）标签选择器、id选择器、类选择器

选择器介绍（二）后代选择器，子代选择器，交集选择器，并集（群组）选择器

通配符选择器清除浏览器默认样式

html怎么清除锚点样式

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

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 前面的点的 教程可以帮助到你！