适合移动端与PC端的 CSS Reset - m_base.css
2017-07-19 10:08
295 查看
文章来源:http://www.cnblogs.com/HCJJ/p/6399185.html
具体代码
@charset "utf-8"; html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background: transparent; color: black } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, sumary { margin: 0; padding: 0; } body, button, input, select, textarea { font: 12px \5b8b\4f53, arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500 } ol, ul { list-style: none } input, select, textarea { font-size: 100%; -webkit-appearance: none; appearance:none; } table { border-collapse: collapse; border-spacing: 0 } th { text-align: inherit } caption, th { text-align: left } fieldset, img { border: 0 } img{ -webkit-user-select: none; -ms-user-select: none; user-select: none; } optgroup { font-weight: bold } button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer } audio, canvas, progress, video { display: inline-block } progress { vertical-align: baseline } mark { background-color: #ff0; color: #000 } iframe { display: block } abbr, acronym { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } del { text-decoration: line-through } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500 } q:before, q:after { content: '' } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } a:hover { text-decoration: underline } ins, a { text-decoration: none } a { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); -moz-tap-highlight-color: rgba(255, 0, 0, 0); -ms-tap-highlight-color: rgba(255, 0, 0, 0); tap-highlight-color: rgba(255, 0, 0, 0); -webkit-touch-callout: none; touch-callout: none } a:focus, *:focus { outline: 0 } a:active, a:hover { outline-width: 0 } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } .clearfix:before, .clearfix:after { content: ""; display: table } .clearfix:after { clear: both; overflow: hidden } .clearfix { zoom: 1 } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden } .hide { display: none } .block { display: block } .fl, .fr { display: inline } .fl { float: left } .fr { float: right }
相关文章推荐
- 适合移动端与PC端的 CSS Reset - m_base.css
- css移动端实现与pc端一样的:acitve效果
- 移动端html+css实现水平任意滚动(PC端也同理)
- css移动端实现与pc端一样的:acitve效果
- 常用的 css reset,基本的base.css
- 一份适合中文的CSS RESET --- Dawn CSS Reset
- CSS-移动端 base模板
- pc/移动端(手机端)浏览器的直播rtmp hls(适合入门者快速上手)
- 移动端APP CSS Reset及注意事项CSS重置
- css移动端实现与pc端一样的:acitve效果
- pc网页到移动端怎么自动加载适应移动端的css。
- PC和移动端的CSS重置样式表
- CSS实战手册_阅读笔记07_css reset
- 在PC上测试移动端网站和模拟手机浏览器的5大方法(转)
- jquery初体验—pc和移动端拖拽排序(拼图)效果(兼容不完善)
- CSS Reset(CSS复位)
- js判断是pc还是移动端
- SpaceBase – 基于 Sass 的响应式 CSS 框架
- rem布局计算(移动端,pc端有兼容性)