zoukankan      html  css  js  c++  java
  • reset.css 初始化

    
    
    pc端
    body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
    body,button,input,select,textarea{font:12px/1.5 tahoma,arial,5b8b4f53;}
    h1,h2,h3,h4,h5,h6{font-size:100%;}
    address,cite,dfn,em,var{font-style:normal;}
    code,kbd,pre,samp{font-family:courier new,courier,monospace;}
    small{font-size:12px;}
    ul,ol{list-style:none;}
    a{text-decoration:none;}
    a:hover{text-decoration:underline;}
    sup{vertical-align:text-top;}
    sub{vertical-align:text-bottom;}
    legend{color:#000;}
    fieldset,img{border:0;}
    button,input,select,textarea{font-size:100%;border: none;outline: none}
    /*input,select,textarea{outline: none;border: none;background: none;}*/
    table{border-collapse:collapse;border-spacing:0;}
    /*清楚浮动*/
    .clearfix:after{content: "";display: block;clear: both;}
    .clearfix{zoom:1}
    .fl{float: left;}
    .fr{float: right;}
     
    移动端
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,tr,td,section,a,input,span{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box; } html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;} html,body{-webkit-user-select: none;user-select: none;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;} body{font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif,"microsoft yahei";} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} ol,ul {list-style:none} caption,th,td{text-align:center} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} q:before,q:after {content:''} input[type=button],button{-webkit-appearance:none;-webkit-user-select:none;} a,img,input,select,li{-webkit-tap-highlight-color: rgba(0,0,0,0);} a,img{text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout:none;} a,input,img,select{outline: none;} input::-webkit-clear-button,input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {-webkit-appearance: none; } input::-webkit-search-cancel-button {display: none;} input:focus::-webkit-input-placeholder{opacity: 0;} ::-webkit-scrollbar{display:none;} img{-webkit-touch-callou:none;} *{-webkit-tap-highlight-color: rgba(0,0,0,0);} /*===reset-end===*/ html{font-size:20px;} body{font-size:0.7rem;margin:0 auto;100%;min-320px;background:#111016;} .show{display:block !important;} .hide,.none{display:none !important;} /*media*/ @media screen and (max-320px){html{font-size:20px !important;}} @media screen and (min-320px){html{font-size:20px;}} @media screen and (min-340px){html{font-size:21.25px;}} @media screen and (min-360px){html{font-size:22.5px;}} @media screen and (min-380px){html{font-size:23.75px;}} @media screen and (min-400px){html{font-size:25px;}} @media screen and (min-440px){html{font-size:27.5px;}} @media screen and (min-480px){html{font-size:30px;}} @media screen and (min-520px){html{font-size:32.5px;}} @media screen and (min-560px){html{font-size:35px;}} @media screen and (min-600px){html{font-size:37.5px;}} @media screen and (min-640px){html{font-size:40px !important;}} html{font-size:100vw/16;} body{background:url(../Images/bg-body.jpg) repeat center top;background-size:cover;color:#9B999A;padding-bottom: 85/40rem;}
  • 相关阅读:
    如何产生 XPO 的WCF服务中间层
    法国达索公司 -- 全球出色的产品设计和体验解决方案商
    DevExpress Ribbon布局多文档界面—XtraTabControl动态增加Tab和关闭选项卡方法 (转)
    Axure 案例及基础部件
    低代码平台
    体检结果(2018年10月,胃肠镜)
    功能性肠道疾病用药一览表
    spartan 6 asynchronous reset and set
    理想
    matlab GUI 初学
  • 原文地址:https://www.cnblogs.com/WayToJs/p/6214412.html
Copyright © 2011-2022 走看看