css重置样式,css重置样式表

什么是CSS reset？

每个浏览器都有一些自带的或者共有的默认样式，会造成一些布局上的困扰，css reset的作用就是重置这些默认样式，使样式表现一致，比如 *{margin:0;padding:0}就是一个最简单的css reset

相关问答

Q1: 比较简单的重置css样式技巧

html{color:#000;background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-weight:inherit;font-size:100%;}

legend{color:#000;}

//Yahoo css reset 3.0版本

这是我使用了四年的CSS Reset,你可以适当的根据自己的项目添加一些自己的.

希望能够采纳 .^_^.

Q2: 应用CSS后,新段落怎么恢复默认

这里如果你想第一行应用到CSS，那么你的样式可能需要修改下，通过应用 :first-child 这个伪类来实现，如下：

.ys01 p:first-child{font-family:"黑体"; font-size:24px;}

这个就可以保证只有第一行p元素应用到CSS，第二段P元素就可以是默认的。这里有个缺陷就是IE6不支持这种写法，这样就不能保证浏览器兼容。

通过你的截图提供的代码，这里其实并不建议你将class放在body中，而最好应该放在应用CSS的第一行p元素中，就像楼上几位朋友说的那样。

你将class放在了body中，且进行了CSS设置，那么由于font-family和fong-size具有继承性，那么他所包含的所有后代都会继承这些样式。如果想去除这些样式，就需要重置下，前提是第二段p元素你给他定义了class值或者id值（也可以在元素内写，不过这个不建议）。

这里font-size是有默认值可以重置，如 font-size:medium; 但是不幸的是font-family并没有默认值，所以这个重置不了，那么第二段就只能继承样式。

所以最后建议你将代码写成这样（下面是简写）：

style type="text/css"

.ys01{font-family:"黑体"; font-size:24px;}

/style

body

p class="ys01"我爱祖国/p

p我爱祖国/p

/body

这样写就可以保证第一段p元素应用到CSS，而不影响到第二段p元素，且还是兼容的。

哦对啦，还有个小提议，font-family后面的字体名，建议换成英文的，不要用中文的，防止编码错误。 “黑体” 转换成英文的是 “SimHei”

希望能帮到你。

Q3: CSS 如何恢复到默认样式？

有时候在写CSS的过程中，某些限制总是不起作用，这就涉及了CSS样式覆盖的问题。

查找一些教材中（w3schools等），只说css的顺序是“元素上的style” “文件头上的style元素” “外部样式文件”，但对于样式文件中的多个相同样式的优先级怎样排列，没有详细说明。经过测试和继续搜索，得知优先级如下排列：

1. 样式表的元素选择器选择越精确，则其中的样式优先级越高：

id选择器指定的样式 类选择器指定的样式 元素类型选择器指定的样式所以上例中，#navigator的样式优先级大于.current_block的优先级，及时.current_block是最新添加的，也不起作用。

2. 对于相同类型选择器制定的样式，在样式表文件中，越靠后的优先级越高

注意，这里是样式表文件中越靠后的优先级越高，而不是在元素class出现的顺序。比如.class2 在样式表中出现在.class1之后：

.class1 { color: black;}

.class2 { color: red; }

.class1 {color: black;}

.class2 {color: red;}

而某个元素指定class时采用 class="class2 class1"这种方式指定，此时虽然class1在元素中指定时排在class2的后面，但因为在样式表文件中class1处于class2前面，此时仍然是class2的优先级更高，color的属性为red，而非black。

3. 如果要让某个样式的优先级变高，可以使用!important来指定：

.class1 {color: black !important;}  

.class2{color: red;}

Q4: CSS reset重置样式有那么重要吗

是的；

因为各个浏览器都自带默认样式，而且默认样式还不一样。这样在写css的时候，你会发现，很难兼容所有浏览器。

有些浏览器自带padding值margin值。

Q5: 在css中设置重置按钮怎么弄

css里面是可以做样式的，而表单的重置按钮就已经有重置的功能了

input

type="reset"

value="重置"

/,

具体的可以参考php中文网的资料

,php.cn上面有这块的知识，希望可以帮助你！