CSS移动端开发网页重置

安卓前端开发工具|app前端使用php开发工具|web 前端开发工具箱

/ css Reset/
html { font-family:”微软雅黑”, “Helvetica Neue”, Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
body { margin: 0; font-size:1.4rem; line-height: 20px; color: #000; background-color: #fff; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
a { background: transparent; text-decoration: none; color: #000; }
a:active { outline: 0; }
b, strong { font-weight: bold; }
dfn { font-style:normal;}
img { border: 0; vertical-align: middle; }

  • {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; / For some Androids /
    outline: none;
    }
    input,textarea,button { border: 0; margin: 0; padding: 0; font-family:”微软雅黑”, “Helvetica Neue”, Helvetica, STHeiTi, Arial, sans-serif;}
    textarea { resize: none;}
    table { border-collapse: collapse; border-spacing: 0; }
    td, th { padding: 0; }
    h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
    ul, ol, li, dl, dd { margin: 0; padding: 0; }
    ul, ol { list-style: none; }
    input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }
    input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }

.clearfix:after { content:”.”; display:block; height:0; clear:both; visibility:hidden;}
.clearfix { display:inline-block;}
/ Hides from IE-mac \/

  • html .clearfix { height:1%;}
    .clearfix { display:block;}
    / End hide from IE-mac /
    /Reset End/

前端开发用什么写css|html5 css3 前端开发|前端开发css文件模板

» 本文来自:前端开发者 » 《CSS移动端开发网页重置》
» 本文链接地址:https://www.rokub.com/4164.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!