我們在專案前期準備時都會準備好一個reset.css，因為不同瀏覽器對標籤的解析各不相同，重置css樣式可以讓標籤在不同瀏覽器下產生相同的效果。所以一個好的重置樣式表是非常重要的。用過很多網上現成的樣式重置表，然後有時寫的樣式程式碼沒問題卻達不到自己要的效果，查了才發現是掉進reset.css的坑裡。這裡推薦用過多種reset.css感覺是最好用的重置樣式表：Sandal，這個樣式表的好處是他絕大多數的保留了標籤的常用效果，並不是簡單粗暴的全部掩殺。具體樣式如下，可以直接整個複製在自己的reset.css中：

　　html{ 　　　　-ms-text-size-adjust:100%; 　　　　-webkit-text-size-adjust:100%; 　　　　-webkit-tap-highlight-color:transparent; 　　　　height:100%; 　　} 　　body{ 　　　　margin:0; 　　　　font-size:14px; 　　　　font-family:"Helvetica Neue",Helvetica, STHeiTi,Arial,sans-serif; 　　　　line-height:1.5; 　　　　color:#333; 　　　　#fff; 　　　　min-height:100%; 　　} 　　article,aside,details,figcaption,figure,footer,header,hgroup, main,menu,nav,section,summary{ 　　　　display:block; 　　} 　　audio,canvas,progress,video{ 　　　　display:inline-block; 　　} 　　audio:not([controls]) { 　　　　display:none; 　　　　height:0; 　　} 　　progress{ 　　　　vertical-align:baseline; 　　} 　　[hidden], template { 　　　　display:none; 　　} 　　a{ 　　　　background:transparent; 　　　　text-decoration:none; 　　　　color:#08c; 　　} 　　a:active{ 　　　　outline:0; 　　} 　　abbr[title] { 　　　　border-bottom:1pxdotted; 　　} 　　b,strong{ 　　　　font-weight:bold; 　　} 　　dfn{ 　　　　font-style:italic; 　　} 　　mark{ 　　　　background:#ff0;color:#000; 　　} 　　small{ 　　　　font-size:80%; 　　} 　　sub,sup{ 　　　　font-size:75%; 　　　　line-height:0; 　　　　position:relative; 　　　　vertical-align:baseline; 　　} 　　sup{ 　　　　top:-0.5em; 　　} 　　sub{ 　　　　bottom:-0.25em; 　　} 　　img{ 　　　　max-width:100%; 　　　　border:0; 　　　　vertical-align:middle; 　　} 　　svg:not(:root) { 　　　　overflow:hidden; 　　} 　　pre{ 　　　　overflow:auto; 　　　　white-space:pre; 　　　　white-space:pre-wrap; 　　　　word-wrap:break-word; 　　} 　　code,kbd,pre,samp{ 　　　　font-family:monospace,monospace; 　　　　font-size:1em; 　　} 　　button,input,optgroup,select,textarea{ 　　　　color:inherit; 　　　　font:inherit; 　　　　margin:0; 　　　　vertical-align:middle; 　　} 　　button,input,select{ 　　　　overflow:visible; 　　} 　　button,select{ 　　　　text-transform:none; 　　} 　　button,htmlinput[type="button"],input[type="reset"],input[type="submit"] { 　　　　-webkit-appearance: button; 　　　　cursor:pointer; 　　} 　　[disabled] { 　　　　cursor:default; 　　} 　　button::-moz-focus-inner,input::-moz-focus-inner { 　　　　border:0; 　　　　padding:0; 　　} 　　input{ 　　　　line-height:normal; 　　} 　　input[type="checkbox"],input[type="radio"] { 　　　　box-sizing: border-box; 　　　　padding:0; 　　} 　　input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{ 　　　　height:auto; 　　} 　　input[type="search"] { 　　　　-webkit-appearance: textfield; 　　　　box-sizing: border-box; 　　} 　　input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { 　　　　-webkit-appearance:none; 　　} 　　fieldset{ 　　　　border:1pxsolid#c0c0c0; 　　　　margin:02px; 　　　　padding:0.35em0.625em0.75em; 　　} 　　legend{ 　　　　border:0; 　　　　padding:0; 　　} 　　textarea{ 　　　　overflow:auto; 　　　　resize:vertical; 　　　　vertical-align:top; 　　} 　　optgroup{ 　　　　font-weight:bold; 　　} 　　input,select,textarea{ 　　　　outline:0; 　　} 　　textarea,input{ 　　　　-webkit-user-modify: read-write-plaintext-only; 　　} 　　input::-ms-clear,input::-ms-reveal { 　　　　display:none; 　　} 　　input::-moz-placeholder,textarea::-moz-placeholder { 　　　　color:#999; 　　} 　　input:-ms-input-placeholder,textarea:-ms-input-placeholder { 　　　　color:#999; 　　} 　　input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { 　　　　color:#999; 　　} 　　.placeholder{ 　　　　color:#999; 　　} 　　table{ 　　　　border-collapse:collapse; 　　　　border-spacing:0; 　　} 　　td,th{ 　　　　padding:0; 　　} 　　h1,h2,h3,h4,h5,h6,p,figure,form,blockquote{ 　　　　margin:0; 　　} 　　ul,ol,li,dl,dd{ 　　　　margin:0;padding:0; 　　} 　　ul,ol{ 　　　　list-style:noneoutsidenone; 　　} 　　h1,h2,h3{ 　　　　line-height:2; 　　　　font-weight:normal; 　　} 　　h1{ 　　　　font-size:18px; 　　} 　　h2{ 　　　　font-size:16px; 　　} 　　h3{ 　　　　font-size:14px; 　　} 　　i{ 　　　　font-style:normal; 　　} 　　*{ 　　　　box-sizing: border-box; 　　} 　　.clearfix::before,.clearfix::after{ 　　　　content:""; 　　　　display: table; 　　} 　　.clearfix::after{ 　　　　clear:both; 　　} 基本的樣式重置就這些，剩下自定義的就自己往裡面新增。這份樣式表放在這裡方便以後自己使用，也希望能幫到有需要的你們。