项目中经常用到的reset.css文件

最新推荐文章于 2021-08-03 20:53:44 发布

转载最新推荐文章于 2021-08-03 20:53:44 发布 · 113 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lee90/p/5809615.html

本文介绍了一种在网页设计中使用CSS对HTML元素进行样式重置的方法，以确保跨浏览器的一致性显示效果。文章详细说明了如何通过设置通用样式来消除不同浏览器默认样式带来的差异。

html,body{width:100%; height: auto;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

header, footer, article, aside,
nav, section,dialog, figure, legend{display: block;}

html,body,header,main,footer,
div,ul,li,h1,h2,h3,h4,h5,
p,input,textarea{margin:0;padding:0;-webkit-margin-before:0;-webkit-margin-after:0;}
li{list-style:none}
a{text-decoration:none;}
/*主要是为了解决iphone中的submit的问题*/
input[type="submit"],
input[type="button"],
input[type="reset"], button{
    -moz-appearance:none;-webkit-appearance:none;appearance:none;
}
select,input,textarea{outline:0;border:0;background:0;}