CSS Reset样式重置
2013-05-19 21:24
615 查看
为了让页面在各不同浏览器之间显示效果一致,CSS样式清除和重置是前端开发必需要做的事情,结合前车之鉴,整理了份CSS重置样式代码供参考。
@charset "utf-8"; /* ------------------------------------------------------------ version : 1.0 author : tongqian.zhang email : bbirdsky@163.com create: 2013-05-10 ------------------------------------------------------------ */ 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;} /* color & background */ html{color:#000; background:#FFF;} /* font */ body, button, input, select, textarea { /* for ie */ font: 12px/18px Arial, Verdana, Microsoft YaHei; } /* fix center */ html,body {height: 100%;margin: 0 auto;} /* h1~h6 */ h1 {font-size: 18px;} h2 {font-size: 16px;} h3 {font-size: 14px;} h4, h5, h6 {font-size: 100%;} /* a */ a { text-decoration: none; } a:hover { text-decoration: underline; } /* list */ ul,ol {list-style: none;} /* img border */ fieldset,img{border: 0} /* table */ table {border-collapse: collapse;border-spacing: 0;font:inherit;} /* margin */ .alpha {margin-left: 0;} .omega {margin-right: 0;} /* float & clear */ .left{float:left;} .right{float:right;} .clear {clear: both;display: block;} /* clearfix */ .clearfix:after{content:".";display:block;} .clearfix{display:inline-table;} /* Hides from IE-mac */ * html .clearfix{height:1%;} .clearfix{display:block;} /* End hide from IE-mac */ *+html .clearfix{min-height:1%;}/* IE7 */
相关文章推荐
- 重置默认样式 css reset第1/2页
- CSS Reset方法 (教你如何重置样式)
- css reset 样式重置
- CSS Reset样式重置
- CSS Reset(样式重置)
- 重置浏览器的默认样式(css reset)
- htmlcss笔记--标签默认值样式重置css reset
- css reset 重置样式介绍
- CSS reset的重新审视 – 避免样式重置
- 样式重置 css reset
- htmlcss笔记--标签默认值样式重置css reset(2)
- CSS重置(CSS Reset) 让网页样式在各浏览器中表现一致
- css reset重置样式有那么重要吗?
- css reset(重置样式)
- CSS reset的重新审视 – 避免样式重置
- CSS reset--重置样式
- css reset 重置样式 html5
- CSS reset的重新审视 – 避免样式重置
- CSS reset的重新审视 – 避免样式重置
- css reset重置样式有那么重要吗?