css重置样式表reset.css

css reset通俗易懂的讲就是重新定义浏览器默认样式表(http://www.h-ui.net/Hui-1-cssReset.shtml

  1. *{word-wrap:break-word}
  2. 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}
  3. ul,ol,dl{list-style-type:none}
  4. html,body{*position:static}
  5. html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
  6. address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
  7. input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
  8. input,button{overflow: visible;vertical-align:middle;outline:none}
  9. body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
  10. body{line-height:1.6}
  11. h1,h2,h3,h4,h5,h6{font-size:100%}
  12. a,area{outline:none;blr:expression(this.onFocus=this.blur())}
  13. a{text-decoration:none;cursor: pointer}
  14. a:hover{text-decoration:underline;outline:none}
  15. a.ie6:hover{zoom:1}
  16. a:focus{outline:none}
  17. a:hover,a:active{outline:none}:focus{outline:none}
  18. sub,sup{vertical-align:baseline}
  19. button,input[type="button"], input[type="submit"] {line-height:normal !important}
  20. /*img*/
  21. img{border:0;vertical-align:middle}
  22. a img,img{-ms-interpolation-mode:bicubic}
  23. .img-responsive{max-width: 100%;height: auto}
  24.  
  25. /*IE下a:hover 背景闪烁*/
  26. *html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

     

  27.  
  28. /*HTML5 reset*/
  29. header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
  30. audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
  31. audio:not([controls]){display:none}
  32. legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
  33. legend small{font-size:15px;color:#999}
  34. svg:not(:root) {overflow: hidden}
  35. fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
  36. input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
  37. input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
  38. input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
  39. /*
  40. Name: style_clearfix
  41. Example: class="clearfix|cl"
  42. Explain: Clearfix(简写cl)避免因子元素浮动而导致的父元素高度缺失能问题
  43. */
  44. .cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值