zoukankan      html  css  js  c++  java
  • 无线端通用的reset样式

    @charset "utf-8";
    html, 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;
        -webkit-tap-highlight-color: rgba(255,255,255,0);
        -webkit-appearance: none;
    }
    article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
        display: block;
    }
    
    html{
        -webkit-text-size-adjust: none;
        text-size-adjust: none;
        height: 100%;
        font-size: 62.5%;
        -webkit-font-smoothing: antialiased;
        background: #eeeeee;
    }
    
    body{
        -webkit-touch-callout: none; 
        -webkit-text-size-adjust: none; 
        -webkit-user-select: none; 
        -webkit-highlight: none; 
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        font-size: 1.6rem;    
        color: #252525;
        min-height: 100%;
    }
    
    
    body, button, input, select, textarea , pre {
        font-family: Helvetica, Tahoma, Arial, STHeiti;
    }
    
    ul,ol {
        list-style: none;
    }
    
    a {
        text-decoration: none;
        color: #252525;
        -webkit-touch-callout:none;
    }
    
    a.active {
        text-decoration: underline;
    }
    
    fieldset, img {
        border:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    textarea {
        resize:vertical;
    }
    
    em,i {
        font-style: normal;
    }
    
    
    button {
        cursor:pointer;
    }
    
    
    input[type="submit"],
    input[type="button"] {
        -webkit-tap-highlight-color:rgba(0,0,0,0);
        -webkit-appearance:none;
    }
    
    *:focus {
        outline:0;
    }
    
    ::-webkit-scrollbar {
         0;
    }
    
    input::-ms-input-placeholder {
        line-height: normal;
    }
    
    input::-webkit-input-placeholder {
        line-height: normal;
    }
    
    @font-face {
        font-family:'base';
        src: url("font/base.woff") format("woff"), url("font/base.otf");
    }
    
    
    select {
        border: solid 1px #ccc;
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        border-radius: 0;
        background: url("../image/icon_select.jpg") no-repeat scroll right center transparent;
        background-size: 18px 26px; 
    }
    
    select::-ms-expand {
        display: none;
    }
    
    .dbox {
        display: -moz-box; /* Firefox */
        display: -webkit-box; /* Safari and Chrome */
        display: box;
    }
    .box-flex1 {
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
    }
    .ellipsis {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    
    .ellipsis {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    
    .wordwrap {
        word-break:break-all;
        word-wrap:break-word;
    }
    

      

  • 相关阅读:
    readystatechange事件
    DOMContentLoaded事件
    beforeunload事件
    jieba
    模型评估
    机器学习术语
    决策树
    kafka
    即时通讯好文
    HTTP头的Expires与Cache-control
  • 原文地址:https://www.cnblogs.com/xiaohui108/p/5768199.html
Copyright © 2011-2022 走看看