美文网首页让前端飞
CSS全局样式原来这么简单

CSS全局样式原来这么简单

作者: 前端王祖蓝 | 来源:发表于2020-12-16 16:17 被阅读0次

    CSS的全局样式

    话不多说,上代码

    /*全局样式*/
    *{
    padding:0;
    margin:0;
    }
    div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{
    border:0;
    }
    img,input{
    border:none;
    vertical-align:middle;
    }
    body{
    font-family:Tahoma,Arial,Helvetica,"黑体";
    font-size:18px;
    text-align:center;
    background:#FFF;
    color:#000;
    }
    html{
    overflow-y:scroll;
    }
    ul,ol{
    list-style-type:none;
    }
    th,td,input{
    font-size:16px;
    }
    input{
    outline:none;
    border:none;
    box-shadow:none;
    }
    h3{
    font-size:14px;
    }
    button{
    border:none;
    cursor:pointer;
    font-size:12px;
    background-color:transparent;
    }
    select{
    border-width:1px;
    _zoom:1;
    border-style:solid;
    padding-top:2px;
    font-size:12px;
    }
    .clear{
    clear:both;
    font-size:1px;
    height:0;
    visibility:hidden;
    line-height:0;
    }
    .clearfix:after{
    content:"";
    display:block;
    clear:both;
    }
    .clearfix{
    zoom:1;
    }
    a:link,a:visited{
    text-decoration:none;
    color:#333;
    }
    a:hover,a:active{
    text-decoration:underline;
    color:#f60;
    }
    

    喜欢文章的可以给文章点个小赞,也可以关注一下博主,后期内容持续更新中~

    相关文章

      网友评论

        本文标题:CSS全局样式原来这么简单

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