浏览器重置样式

最新推荐文章于 2025-06-02 09:02:55 发布

转载最新推荐文章于 2025-06-02 09:02:55 发布 · 63 阅读

本文详细介绍了CSS中用于重置浏览器默认样式的技巧，包括如何通过设置margin、padding为0来消除元素间距，如何利用box-sizing属性实现更精确的布局控制，以及如何清除链接的下划线效果和列表的样式等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*重置样式*/
*,::before,::after{
    /*选择所有的标签*/
    margin:0;
    padding:0;
    /*设置所有的都是以边框开始计算宽度 百分比*/
    -webkit-box-sizing:border-box;/*兼容*/
    box-sizing:border-box;
}
a{
    text-decoration:none;/*不显示下划线*/
}
a:hover{
    text-decoration:none;/*不显示下划线*/
}
ul,ol{
    list-style:none;
}