css清除常用标签的默认样式

Dear 丶 2022-03-25 06:30 413阅读 0赞

base.css

/*
    * @Author: Itfallrain
    * @Date:   2019-1-119 14:21:42
    * @Last Modified by:   Itfallrain
    * @Last Modified time: 2019-1-119 16:22:34
    */
    
    @charset "UTF-8";
    
    /*css 初始化 */
    
    html,
    body,
    ul,
    li,
    ol,
    dl,
    dd,
    dt,
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    form,
    fieldset,
    legend,
    img {
        margin: 0;
        padding: 0;
    }
    
    fieldset,
    img,
    input,
    button,
    textarea {
        border: none;
        padding: 0;
        margin: 0;
        outline-style: none;
    }
    
    ul,
    ol {
        list-style: none;
    }
    
    input {
        padding-top: 0;
        padding-bottom: 0;
        font-family: "SimSun", "宋体";
    }
    
    select,
    input {
        vertical-align: middle;
    }
    
    select,
    input,
    textarea {
        font-size: 12px;
        margin: 0;
    }
    
    textarea {
        resize: none;
    }
    
    
    /*防止拖动*/
    
    img {
        border: 0;
        vertical-align: middle;
        max-width: 100%
    }
    
    
    /*  去掉图片低测默认的3像素空白缝隙*/
    
    table {
        border-collapse: collapse;
    }
    
    body {
        font: 12px/150% Arial, Verdana, "\5b8b\4f53";
        color: #666;
        background: #fff
    }
    
    .clearfix:before,
    .clearfix:after {
        content: "";
        display: table;
    }
    
    .clearfix:after {
        clear: both;
    }
    
    .clearfix {
        *zoom: 1;
        /*IE/7/6*/
    }
    
    a {
        color: #666;
        text-decoration: none;
    }
    
    
    /* a:hover {
        color: #f2ad00;
    } */
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-decoration: none;
        font-weight: normal;
        font-size: 100%;
    }
    
    s,
    i,
    em {
        font-style: normal;
        text-decoration: none;
    }