我的css重置样式和通用样式

最新推荐文章于 2026-01-05 11:04:12 发布

原创最新推荐文章于 2026-01-05 11:04:12 发布 · 234 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css

练习专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了CSS中clearfix、float及按钮样式的实现方法，并提供了具体的代码示例，帮助读者掌握网页布局的基础技巧。

//commom.css文件
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
.right{
    float: right;
}
.left{
    float: left;
}
.btn{
    border: 1px solid #00B38A;
    background-color: transparent;
    color: #00b38a;
}
.btn:hover{
    background-color: #00B38A;
    color: #fff;
}

//reset.css文件
*{
    padding:0 ;
    margin:0 ;
}
p,h1,h2,h3,h4,h5,h6,ol,li,ul{
    padding:0 ;
    margin:0 ;
}
a{
    text-decoration:none;
    color:inherit;
}
ol,ul {
    list-style: none;
}
input,textarea,button,select{
    border: none;
}
input:focus,textarea:focus,button:focus,select:focus{
    outline: none;
    outline-offset: 0;
}
h1,h2,h3,h4,h5{
    font-weight: normal;
    margin: 0;
}
img{
    display: block;
    width: 100%;
}