今天小编跟大家讲解下有关CSS样式重置和清除(让不同浏览器显示效果一致) ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关CSS样式重置和清除(让不同浏览器显示效果一致) 的相关资料,希望小伙伴们看了有所帮助。
为了让页面在各不同浏览器之间显示效果一致 CSS样式清除和重置是前端开发必需要做的事情 结合前车之鉴 整理了份CSS重置样式代码供参考。 复制代码代码如下: @charset"utf-8"; body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, dl, dt, dd, ul, ol, li, th, td, div, span, img, fieldset, lengend, button, input, select, textarea{margin: 0;padding: 0;} html{color:#000; background:#FFF;} body, button, input, select, textarea { font: 12px/18px Arial, Verdana, Microsoft YaHei; } html,body {height: 100%;margin: 0 auto;} h1 {font-size: 18px;} h2 {font-size: 16px;} h3 {font-size: 14px;} h4, h5, h6 {font-size: 100%;} a { text-decoration: none; } a:hover { text-decoration: underline; } ul,ol {list-style: none;} fieldset,img{border: 0} table {border-collapse: collapse;border-spacing: 0;font:inherit;} .alpha {margin-left: 0;} .omega {margin-right: 0;} .left{float:left;} .right{float:right;} .clear {clear: both;display: block;} .clearfix:after{content:".";display:block;} .clearfix{display:inline-table;} * html .clearfix{height:1%;} .clearfix{display:block;} *+html .clearfix{min-height:1%;}来源:爱蒂网