CSS的重置默认样式都有哪些？

今天小编给大家分享的是CSS的重置默认样式的详细介绍，相信大部分人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，话不多说，一起往下看吧。

CSS Reset，意为重置默认样式。HTML中绝大部分标签元素在网页显示中都有一个默认属性值，通常为了避免重复定义元素样式，需要进行重置默认样式（CSS Reset）。：

1.淘宝（CSS Reset）：

html {        overflow-x: auto;        overflow-y: scroll;}body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {        font-weight: 400;        margin: 0;        padding: 0;}h2, h3, h4, h5, h5, h6 {        margin: 0;        padding: 0;}body {        background-color: #FFFFFF;        color: #666666;        font-family: Helvetica,Arial,sans-serif;        font-size: 12px;        padding: 0 10px;        text-align: left;}select {        font-size: 12px;}table {        border-collapse: collapse;}fieldset, img {        border: 0 none;}fieldset {        margin: 0;        padding: 0;}fieldset p {        margin: 0;        padding: 0 0 0 8px;}legend {        display: none;}address, caption, em, strong, th, i {        font-style: normal;        font-weight: 400;}table caption {        margin-left: -1px;}hr {        border-bottom: 1px solid #FFFFFF;        border-top: 1px solid #E4E4E4;        border-width: 1px 0;        clear: both;        height: 2px;        margin: 5px 0;        overflow: hidden;}ol, ul {        list-style-image: none;        list-style-position: outside;        list-style-type: none;}caption, th {        text-align: left;}q:before, q:after, blockquote:before, blockquote:after {        content: "";}html {        overflow-x: auto;        overflow-y: scroll;}body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {        font-weight: 400;        margin: 0;        padding: 0;}h2, h3, h4, h5, h5, h6 {        margin: 0;        padding: 0;}body {        background-color: #FFFFFF;        color: #666666;        font-family: Helvetica,Arial,sans-serif;        font-size: 12px;        padding: 0 10px;        text-align: left;}select {        font-size: 12px;}table {        border-collapse: collapse;}fieldset, img {        border: 0 none;}fieldset {        margin: 0;        padding: 0;}fieldset p {        margin: 0;        padding: 0 0 0 8px;}legend {        display: none;}address, caption, em, strong, th, i {        font-style: normal;        font-weight: 400;}table caption {        margin-left: -1px;}hr {        border-bottom: 1px solid #FFFFFF;        border-top: 1px solid #E4E4E4;        border-width: 1px 0;        clear: both;        height: 2px;        margin: 5px 0;        overflow: hidden;}ol, ul {        list-style-image: none;        list-style-position: outside;        list-style-type: none;}caption, th {        text-align: left;}q:before, q:after, blockquote:before, blockquote:after {        content: "";}

2.百度（CSS Reset）：

body {        font-family: arial,helvetica,sans-serif;        font-size: 13px;        font-size-adjust: none;        font-stretch: normal;        font-style: normal;        font-variant: normal;        font-weight: normal;        line-height: 1.4;        text-align: center;}body, ul, ol, dl, dd, h2, h3, h4, h5, h6, h7, p, form, fieldset, legend, input, textarea, select, button, th, td {        margin: 0;        padding: 0;}h2, h3, h4, h5, h6, h7 {        font-size: 100%;        font-weight: normal;}table {        font-size: inherit;}input, select {        font-family: arial,helvetica,clean,sans-serif;        font-size: 100%;        font-size-adjust: none;        font-stretch: normal;        font-style: normal;        font-variant: normal;        font-weight: normal;        line-height: normal;}button {        overflow: visible;}th, em, strong, b, address, cite {        font-style: normal;        font-weight: normal;}li {        list-style-image: none;        list-style-position: outside;        list-style-type: none;}img, fieldset {        border: 0 none;}ins {        text-decoration: none;}

3.CSS Reset：

/* Normalizes margin,padding */body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,h7,pre,form,fieldset,input,p,blockquote,th,td {        margin: 0;        padding: 0}/* Normalizes font-size for headers */h2,h3,h4,h5,h6,h7 {        font-size: 100%}/* Removes list-style from lists */ol,ul {        list-style: none}/* Normalizes font-size and font-weight to normal */address,caption,cite,code,dfn,em,strong,th,var {        font-size: normal;        font-weight: normal}/* Removes list-style from lists */table {        border-collapse: collapse;        border-spacing: 0}/* Removes border from fieldset and img */fieldset,img {        border: 0}/* Left-aligns text in caption and th */caption,th {        text-align: left}/* Removes quotation marks from q */q:before,q:after {        content: "}4.Eric Meyer（CSS Reset）--推荐：html, body, div, span, applet, object, iframe,h2, h3, h4, h5, h6, h7, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {        margin: 0;        padding: 0;        border: 0;        outline: 0;        font-size: 100%;        vertical-align: baseline;        background: transparent;}body {        line-height: 1;}ol, ul {        list-style: none;}blockquote, q {        quotes: none;}blockquote:before, blockquote:after,q:before, q:after {        content: ";        content: none;}/* remember to define focus styles! */:focus {        outline: 0;}/* remember to highlight inserts somehow! */ins {        text-decoration: none;}del {        text-decoration: line-through;}/* tables still need 'cellspacing="0″' in the markup */table {        border-collapse: collapse;        border-spacing: 0;}

5.YUI（CSS Reset）：

body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,h7,pre,form,fieldset,input,textarea,p,blockquote,th,td {        margin: 0;        padding: 0;}table {        border-collapse: collapse;        border-spacing: 0;}fieldset,img {        border: 0;}address,caption,cite,code,dfn,em,strong,th,var {        font-style: normal;        font-weight: normal;}ol,ul {        list-style: none;}caption,th {        text-align: left;}h2,h3,h4,h5,h6,h7 {        font-size: 100%;        font-weight: normal;}q:before,q:after {        content: ";}abbr,acronym {        border: 0;}

以上就是CSS的重置默认样式的详细内容了，看完之后是否有所收获呢？如果想了解更多相关内容，欢迎关注行业资讯！