Dieser CSS-Reset basiert auf dem CSS-Reset von Eric Meyers und der Initialisierungsstil der entsprechenden Tags ist speziell für HTML5 angepasst.
/*
html5doctor.com Stylesheet zurücksetzen
v1.4
2009-07-27
Autor: 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, thehead, tr, th, td,
article, aside, dialog, Figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
padding:0;
outline:0; 🎜>font-size:100%;
vertikal-align:baseline;
background:transparent;
body {
line-height:1;
Artikel, Seite, Dialog, Abbildung, Fußzeile, Kopfzeile,
hgroup, nav, section {
display:block
}
nav ul {
list-style :none;
}
blockquote, q {
quotes:none;
}
blockquote:before,
q:before, q :after {
content:“;
content:none;
font-size:100%;
background:transparent;
ins {
background-color:#ff9; >color:#000;
text-decoration:none
}
mark {
background-color:#ff9;
font- style:italic;
font-weight:bold;
del {
text-decoration: line-through; , dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}
table {
border-collapse:collapse; -spacing:0;
}
hr {
display:block
height:1px
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
Eingabe, wählen Sie {
vertikal-align:middle;}
Was soll Inhalt aktualisieren?
Tag-Stile entfernt, die in HTML5 nicht unterstützt werden, wie z. B.
... Neue Tag-Stile in HTML5 hinzugefügt, Standardabstand, Rand und Rahmen entfernt, OK Gibt das Anzeigeattribut an der Elemente, die als Elemente auf Blockebene angezeigt werden sollen, ist Block.
verwendet den Attributselektor
fügt einen Attributselektor zum Element
hinzu. Dies dient dazu, einen Stil für diese beiden Elemente anzugeben, wenn sie das Titelattribut haben unter dem Gesichtspunkt der Barrierefreiheit betrachtet.
Diskussion
Das Hinzufügen von „outline:0“ zum Ankerpunkt führt zu schwerwiegenden Barrierefreiheitsproblemen, die direkt zum Ausfall der Tastaturnavigation führen.
ins, mark muss keine Hintergrundfarbe hinzufügen, wenn die Schriftfarbe nicht festgelegt ist.
Für weitere Inhalte klicken Sie hier: http://html5doctor.com/html-5-reset-stylesheet/