CSS的RESET怎么用
这篇文章主要介绍了CSS的RESET怎么用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇CSS的RESET怎么用文章都会有所收获，下面我们一起来看看吧。
创新互联公司专注于网站建设|企业网站维护|优化|托管以及网络推广，积累了大量的网站设计与制作经验，为许多企业提供了网站定制设计服务，案例作品覆盖成都不锈钢雕塑等行业。能根据企业所处的行业与销售的产品，结合品牌形象的塑造，量身设计品质网站。
1.CSSReset为什么存在？
只要您的客户存在使用不同浏览器（ie,firefox,chrome等）的可能，那你就不得不从完美的理想状态回到现实，因为不同核心的浏览器对CSS的解析效果呈现各异，导致您所期望的效果跟浏览器的“理解”效果有偏差，今天提到的cssreset就是用来重置（复位）元素在不同核心浏览器下的默认值，尽量保证元素在不同浏览器下的同一“起跑线”。
2.CSSReset该怎么写？
CSSreset(css重置)基本上是不需要的，至少可以说80%的的CSSreset都是没有必要的，反而增加了页面CSS
的重写，尤其像*{margin:0;}的做法更是要不得（反而破坏了很多UI的兼容性，比如说单复选框等）。我不是一概鄙弃CSS
reset，有些常用标签我也是会简单重置一下的，而且会避免overwrite（样式重写），以保证样式最精简，渲染最高效
个人理解：
对于不同的项目的CSSReset也会有变化。CSSReset应当是个人积累的经验的总结，重置一些经常使用的，在不断学习中修改。
那作为初学者该如何写呢？首先可以参考一些网站的CSSRESET（参考第三点），切不可复制过来直接用。应当像砌墙一样，一块砖一块砖的积累。当你觉得你每次都要写这个重置样式，那就加进你的CSSReset表吧。
3.CSSReset示例
3.1tmall，淘宝商城
body,h2,h3,h4,h5,h6,h7,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,
form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5tahoma,arial,\5b8b\4f53;}
h2,h3,h4,h5,h6,h7{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:couriernew,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,h7,pre,form,
fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
body{color:#000;background:#fff;font-size:12px;line-height:1.25;font-family:tahoma,arial,\5b8b\4f53,sans-serif}
th,td{text-align:left;vertical-align:top}
h2,h3,h4,h5,h6,h7{font-size:1em;font-weight:normal}
p{margin:001em0}
blockquote{margin:001em0}
a{color:#14647d;text-decoration:none;font-family:tahoma,arial,\5b8b\4f53,sans-serif;_font-family:arial,sans-serif}
a:hover{text-decoration:underline}
img{display:block;border:0}
li{list-style:none}
ol{padding:0002em}
input,label,select,option,textarea,button,fieldset,legend{font-size:1em;font-family:tahoma,arial,\5b8b\4f53,sans-serif;_font-family:Arial,sans-serif}
input[type=text],textarea{-webkit-appearance:none;-webkit-border-radius:0;outline:none}
input.text{color:#444;border-color:#9f9f9f#dcdcdc#dcdcdc#9f9f9f;border-style:solid;border-width:1px;padding:3px2px;height:14px}
input.radio,input.checkbox{margin-right:2px;vertical-align:-2px}
input.radio,input.checkbox{margin-left:-2px}
label.radio,label.checkbox{margin-right:5px}
textarea{border-color:#9f9f9f#dcdcdc#dcdcdc#9f9f9f;border-style:solid;border-width:1px;padding:1px;resize:none}
3.3sohu，搜狐网
/*全局CSS定义*/
body{font-family:’宋体';text-align:center;margin:0auto;padding:0;background:#FFF;font-size:12px;color:#333;}
body>div{text-align:center;margin-right:auto;margin-left:auto;}
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}
img,aimg{border:0;margin:0;padding:0;}
h2,h3,h4,h5,h6,h7{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none}
table,td,input{font-size:12px;padding:0}
/*默认链接颜色*/
a{outline-style:none;color:#333;text-decoration:none}
a:hover{color:#c00;text-decoration:underline;}
关于“CSS的RESET怎么用”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“CSS的RESET怎么用”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注创新互联行业资讯频道。
文章题目：CSS的RESET怎么用
当前链接：http://scjbc.cn/article/gpddod.html
