css样式重置

关于css样式重置，相信在接触前端的人都知道开始编写自己代码之前都要完成这一步。

为什么要css reset? css reset的原因是什么?

css reset简单来讲就是根据我们自己编写页面的需求重新设置样式，主要原因是html标签在浏览器当中都有各自的默认样式，比如ul默认带有缩进的样式，比如：p标签上下有默认边距，strong标签有字体样式加粗，em标签有字体倾斜样式，不同浏览器的默认样式也会有差别，ul的缩进样式，在ie下，他的缩进是通过margin实现的，Firefox下，他的缩进是由padding实现的，在切换页面的时候，浏览器的默认样式常常会带来麻烦，影响开发效率。所以一开始的方法就是将浏览器的默认样式去掉，更准确的说就是通过重新定义标签样式，覆盖浏览器的css默认属性，这就叫做css样式重置。

body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0;padding: 0; } //初始化标签在所有浏览器中的margin、padding值
fieldset,img {border:0 none} //重置fieldset(表单重组) 、图片的边框为0
dl, ul, ol, menu, li {list-style:none} //重置类前符号为none,menu在html5中有效
blockquote, q {quotes: none} //重置嵌套引用
input, select, textarea, button {vertical-align:middle} //重置表单控件垂直居中
button {border:0 none;background-color:transparent;cursor:pointer} //重置表单的button按钮效果
body {background:#fff} //重置body页面背景为白色
body, th, td, input, select, textarea, button {font-size:12px; line-height:1; font-family:”微软雅黑”，“黑体”，”宋体”， color:#666} //重置页面文字属性
a {color:#666; text-decoration:none} //重置链接a标签
a:active, a:hover{text-decoration:none} //重置链接a标签得鼠标滑动效果
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal} //重置标签样式
caption {display :none}
table {width:100%; border-collapse:collapse; border-spacing:0; table-layout:fiexd} //重置table属性
img {vertical-align:top} //图片在当前行内的垂直位置
清除浮动：
.clearfix:after {
content : “.”;
display : block;
height : 0;
clear : both;
visibility: hidden;
}