美文网首页
base.css样式重置

base.css样式重置

作者: 虚伪宝宝 | 来源:发表于2018-08-14 14:08 被阅读0次

    @charset "utf-8";
    /* css初始化 /
    html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,textarea,th,td {
    margin: 0;
    padding: 0;
    }
    body {
    /
    字体、颜色、背景色/
    font-size: 12px;
    font-family: "Microsoft Yahei", sans-serif, "\5FAE\8F6F\96C5\9ED1";
    color: #ccc;
    background: #fff
    }
    table {
    /
    边框合并/
    border-collapse: collapse;
    border-spacing: 0;
    }
    fieldset,img,input,button {
    /
    去掉input等聚焦时的蓝色边框/
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
    }
    img {
    /
    去掉图片低测默认的3像素空白缝隙,或者用display:block也可以/
    border: 0;
    vertical-align: middle;
    }
    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 {
    /
    边框清零 /
    border: none;
    /
    轮廓线清零 /
    outline: none;
    /
    防止文本域被随意拖拽 */
    resize: none;
    }

    /* html,body {
    width: 100%;
    height: 100%;
    font-size: 100px!important;
    } */

    a,a:active,a:visited {
    /下划线和颜色/
    text-decoration: none;
    color: #ccc;
    }
    a:hover {
    color: #333;
    }
    s,i,em {
    /文字样式/
    font-style: normal;
    text-decoration: none;
    }
    h1,h2,h3,h4,h5,h6 {
    /* 设置h标签的大小,设置跟父亲一样大的字体font-size:100% /
    font-size: 100%;
    font-weight: normal;
    text-decoration: none;
    }
    /
    使用伪元素清除浮动 */
    .clearfix::before,
    .clearfix::after {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: none;
    clear: both;
    }
    .clearfix {
    *zoom: 1;
    }

    /* 公共类 */
    .w { width: 1210px;margin: 0 auto; }
    .fl { float: left; }
    .fr { float: right;}
    .al { text-align: left;}
    .ac { text-align: center;}
    .ar { text-align: right;}
    .hide { display: none;}
    .font12 { font-size: 12px;}
    .font14 { font-size: 14px;}
    .font16 { font-size: 16px;}

    相关文章

      网友评论

          本文标题:base.css样式重置

          本文链接:https://www.haomeiwen.com/subject/uxfvbftx.html