【F2E】浏览器样式重置(reset.css)

@charset "utf-8";
/**!
 * $Project   =>  #CSSRESET#
 * $Date      =>  2016/04/01 Friday
 * $Author    =>  CHOK师兄 || F2E
 * $E-Mail    =>  viphchok@qq.com
 * $Copyright =>  魔豆互娱 || http://www.modogame.cn/
 */
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#fff}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
body,th,td,button,input,select,textarea{font:12px/1 "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;color:#000;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{line-height:1.6} 
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
/**IMG*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/**IE下a:hover 背景闪烁*/
html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
/**HTML5 RESET*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root){overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"]{-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/**Clearfix(简写cl)避免因子元素浮动而导致的父元素高度缺失能问题*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cl,.clearfix{overflow:hidden;_zoom:1;}
/**移动端滚动条样式*/ 
::-webkit-scrollbar {width: 0;} /* 滚动条整体部分 */
::-webkit-scrollbar-track {background-color: rgba(0,0,0,0);} /* 滚动条的轨道(里面装有Thumb) */
::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0);} /* 滑块颜色 */
::-webkit-scrollbar-button {background-color: rgba(0,0,0,0);} /* 滚动条的轨道的两端按钮 */
::-webkit-scrollbar-corner {background-color: rgba(0,0,0,0);} /* 边角,即两个滚动条的交汇处 */

github 地址: https://github.com/viphchok/common/blob/master/css/nmirus_reset.css

posted @ 2016-04-01 10:50  JorsonWong  阅读(355)  评论(0编辑  收藏  举报