什么是CSS reset？

html-css013

什么是CSS reset？,第1张

每个浏览器都有一些自带的或者共有的默认样式，会造成一些布局上的困扰，css reset的作用就是重置这些默认样式，使样式表现一致，比如 *{margin:0padding:0}就是一个最简单的css reset

百度 reset.css

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, 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,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

margin: 0

padding: 0

border: 0

font-size: 100%

font: inherit

vertical-align: baseline

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

display: block

}

body {

line-height: 1

}

ol, ul {

list-style: none

}

blockquote, q {

quotes: none

}

blockquote:before, blockquote:after,

q:before, q:after {

content: ''

content: none

}

table {

border-collapse: collapse

border-spacing: 0

}