最新css样式重置代码reset.css，献给有缘人_reset.css front family-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_36464554/article/details/88849936

本文介绍了一段精简的CSS重置代码，用于消除不同浏览器中HTML标签默认样式差异，确保网页布局的一致性。该代码覆盖了通用选择器、字体大小、列表样式等关键属性。

为什么会有css样式重置代码？

由于html标签在各个浏览器的默认css中表现差异化，为了统一布局，所以需要先重置样式。当然网上有很多这类型的css，这里我罗列出必须的，精简的代码。

直接拷贝一下代码到您的css最前面即可：

*,:before,:after {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    word-break: break-all;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    background: #fff;
}

body,button,input,select,textarea{
    font-size: 14px;
    line-height: 1.6;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}

small {
    font-size: 12px;
}

ul,ol {
    list-style: none;
}

h1,h2,h3,h4,h5,h6{
    font-size: 100%;
    font-weight: normal;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display: block;
}

li {
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
}

::selection {
    color: #fff;
    background-color: #045478;
}

::-moz-selection {
    color: #fff;
    background-color: #045478;
}