This css reset is modified based on Eric Meyers' CSS reset, and the initialization style of the corresponding tag is adjusted specifically for HTML5.
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:;
content:none;
}
a {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
What content is updated?
Removed tag styles that are not favored in HTML5, such as <acronym><font><big>... Added new tag styles for HTML5, removed the default padding, margin and border, and determined that the display attribute of elements that should be displayed as blocks is specified.
Property selector used
An attribute selector was added to the <abbr><dfn> element. This is to specify a style for these two elements when they have the title attribute. This is considered from the perspective of accessibility.
discuss
Adding outline:0 on the anchor has serious accessibility issues, which directly leads to the failure of the keyboard navigation.
ins, mark does not need to add background color when font color is not set.
Click here for more content: http://html5doctor.com/html-5-reset-stylesheet/