前言：所有浏览器都带有应用于每个页面的默认样式，称为“用户代理样式表”。（需要梯子如下）ChromiumUAstylesheet-GoogleChrome&OperaMozillaUAstylesheet-firefoxWebKitUAstylesheet-Safari虽然大部分都一样，但是也有很多样式不一致，比如搜索输入框，所以我们需要重新设置css处理，统一不同浏览器的差异确定团队开发的起步标准，弥补浏览器的“短板”。html{/*标准字号就可以了，移动端使用的rem如果适配会动态变化。*/字体大小：14px；/*使用IE框模型（个人选择，我一般设置width为框的实际大小，包括padding和border）*/box-sizing:border-box;}html,body{/*在某些移动浏览器中点击链接或可点击元素时，会出现半透明的灰色背景；*/-webkit-tap-highlight-color:rgba(0,0,0,0);/*改善移动端滚动体验*/-webkit-overflow-scrolling:touch;溢出滚动：触摸；/*与浏览器窗口高度一致*/height:100%;}body{/*有些背景默认为浅灰色，所以统一设置为纯白色*/background:#fff;/*根据上面的antd，公司内不要使用微软雅黑，也不建议使用rem字体。*/font:14px,-apple-system,BlinkMacSystemFont,'SegoeUI','PingFangSC','HiraginoSansGB','MicrosoftYaHei','HelveticaNeue',Helvetica,Arial,sans-serif,'AppleColorEmoji','SegoeUIEmoji','SegoeUISymbol'/*使字体更平滑*/-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}去掉浏览器默认的margin和padding，删除一些不需要的标签body,p,h1,h2,h3,h4,h5,h6,dl,dd,ul,ol,th,td,button,figure,input,textarea,form,pre,blockquote,figure{margin:0;padding:0;}a{/*小手*/cursor:pointer;/*取消超链接的默认下划线*/text-decoration:none;/*antd里也做过，看你的团队需要这样的样式吗*/transition:color0.3sease;}ol,ul{/*去掉自带的丑陋样式。*/list-style:none}这些节点部分属性不继承父节点的样式，全部继承，并取消outline，outline的效果a,h1,h2,h3,h4,h5,h6，输入，选择，按钮，文本区域{字体系列：继承；字体大小：继承；字体粗细：继承；字体样式：继承；行高：继承；颜色：继承；轮廓：无；}按钮，input[type='submit'],input[type='button']{/*clickablehand*/cursor:pointer;}/*取消一些浏览器数字输入控件的操作按钮可以改变控件的外观。*/input[type='number']{-moz-appearance:textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;}/***删除Firefox中的内边框和填充。*/button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="提交"]::-moz-focus-inner{边框样式：无；padding:0;}/***让html5中的hidden在IE10中正确显示*/[hidden]{display:none;}template{/*有些浏览器会显示模板，但是模板标签很少用到，所以你可以自己选择。*/display:none;}css重置地址后面会继续补充，大家一起加入吧。
