zoukankan      html  css  js  c++  java
  • h5页面的公共css

    /*reset*/
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    margin:0;
    padding:0;
    }
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block;
    }
    fieldset,img{
    border:0;
    }
    address,caption,cite,code,dfn,em,b,i,th,var,optgroup{
    font-style:normal;font-weight:normal;
    }
    h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight: normal;
    }
    input,button,textarea,select,optgroup,option{
    font-family:inherit;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
    }
    textarea{
    *overflow:auto;
    }
    code,kbd,samp,tt{
    font-size:100%;
    }
    input,button,textarea,select{
    *font-size:100%;
    }
    ol,ul{
    list-style:none;
    }
    table{
    border-collapse:collapse;
    border-spacing:0;
    }
    caption,th{
    text-align:left;
    }
    sup,sub{
    font-size:100%;
    vertical-align:baseline;
    }
    input,textarea{
    -webkit-appearance:none;
    }
    a{
    text-decoration: none;
    }
    /*公用*/
    html,body{
    100%;
    height: 100%;
    font-size: 10px;
    background: #f5f5f5;
    font-family:5FAE8F6F96C59ED1,9ED14F53;
    }
    body{
    max-640px;
    margin:0 auto;
    }
    .clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    }
    .clearfix{
    display:inline-block;
    }
    *html.clearfix{
    height:1%
    }
    .clearfix{
    display:block;
    }

    @media (max- 359px){
    html {
    font-size: 62.5%;
    }
    }
    @media (min- 360px) and (max- 374px){
    html {
    font-size: 70.31251%;
    }
    }
    @media (min- 375px) and (max- 413px){
    html {
    font-size: 73.24219%;
    }
    }
    @media (min- 414px) {
    html {
    font-size: 80.85938%;
    }
    }


    .fl{
    float: left;
    }
    .fr{
    float: right;
    }
    .img-w{
    100%;
    display: block;
    }
    .pa{
    position: absolute;
    }
    .pr{
    position: relative;
    }
    .none{
    display: none;
    }

  • 相关阅读:
    HTTP协议
    在项目中使用模块
    将封装模块发布到NPM注册表
    package.json文件常用指令说明
    npm常用命令
    分享wifi热点
    Globals模块常用的方法和属性
    WebStorm2016.1.1永久破解
    Module
    解释器模式(Interpreter Pattern)
  • 原文地址:https://www.cnblogs.com/zzwlong/p/5917346.html
Copyright © 2011-2022 走看看