Heim > Web-Frontend > HTML-Tutorial > HTML 5 Stylesheet_HTML/Xhtml_Webseitenproduktion zurücksetzen

HTML 5 Stylesheet_HTML/Xhtml_Webseitenproduktion zurücksetzen

WBOY
Freigeben: 2016-05-16 16:42:38
Original
1698 Leute haben es durchsucht

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/

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage