HTML 5 Stylesheet zurücksetzen

Dieser CSS-Reset basiert auf dem CSS-Reset von Eric Meyers und passt speziell den Initialisierungsstil der entsprechenden Tags für HTML5 an.

/*
html5doctor.com Stylesheet zurücksetzen
Version 1.4
27.07.2009
Autor: Richard Clark - http://richclarkdesign.com
*/

html, Body, Div, Span, Objekt, Iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abk, Adresse, Zitat, Code,
del, dfn, em, img, ins, kbd, q, samp,
klein, stark, sub, sup, var,
b, ich,
dl, dt, dd, ol, ul, li,
Feldsatz, Formular, Beschriftung, Legende,
Tabelle, Beschriftung, tbody, tfoot, thead, tr, th, td,
Artikel, beiseite, Dialog, Abbildung, Fußzeile, Kopfzeile,
hgroup, Menü, Navigation, Abschnitt,
Zeit, Markierung, Audio, Video {
Rand: 0;
Polsterung: 0;
Rand: 0;
Umriss: 0;
Schriftgröße: 100 %;
vertikale Ausrichtung: Grundlinie;
Hintergrund: transparent;
}
Körper {
Zeilenhöhe: 1;
}

Artikel, beiseite, Dialog, Abbildung, Fußzeile, Kopfzeile,
hgroup, nav, Abschnitt {
Anzeige:Block;
}

Navigation ul {
Listenstil: keiner;
}

blockquote, q {
Anführungszeichen: keine;
}

blockquote:vorher, blockquote:nachher,
q:vorher, q:nachher {
Inhalt:";
Inhalt: keiner;
}

A {
Rand: 0;
Polsterung: 0;
Rand: 0;
Schriftgröße: 100 %;
vertikale Ausrichtung: Grundlinie;
Hintergrund: transparent;
}

ins {
Hintergrundfarbe: #ff9;
Farbe: #000;
Textdekoration: keine;
}

markieren {
Hintergrundfarbe: #ff9;
Farbe: #000;
Schriftstil: kursiv;
Schriftstärke: fett;
}

del {
Textdekoration: durchgestrichen;
}

abbr[Titel], dfn[Titel] {
Rahmen unten: 1px gepunktet #000;
Cursor:Hilfe;
}

Tisch {
Rahmen-Collapse:Collapse;
Rahmenabstand: 0;
}

hr {
Anzeige:Block;
Höhe: 1px;
Rand: 0;
Rahmen oben: 1px durchgezogen #cccccc;
Rand: 1em 0;
Polsterung: 0;
}

Eingabe, wählen Sie {
vertikale Ausrichtung: Mitte;
}

Was soll aktualisiert werden?
Die in HTML5 nicht empfohlenen Tag-Stile wie <acronym><font><big> wurden entfernt. Neue Tag-Stile für HTML5 wurden hinzugefügt, die Standard-Füllung, der Standard-Rand und die Standard-Rahmen wurden entfernt und sichergestellt, dass das Anzeigeattribut von Elementen, die als Blockelemente angezeigt werden sollen, als Block angegeben wird.

Verwenden von Attributselektoren

Den Elementen <abbr> und <dfn> werden Attributselektoren hinzugefügt, um einen Stil für diese beiden Elemente anzugeben, wenn sie das Titelattribut haben. Dies wird aus der Perspektive der Zugänglichkeit betrachtet.

diskutieren

Das Hinzufügen von „outline:0“ zu einem Ankerpunkt führt zu schwerwiegenden Zugänglichkeitsproblemen und deaktiviert die Tastaturnavigation.

Ins, Mark muss keine Hintergrundfarbe hinzugefügt werden, wenn die Schriftfarbe nicht festgelegt ist.

Weitere Informationen finden Sie hier: http://html5doctor.com/html-5-reset-stylesheet/

<<: Lösung für das Versagen von Docker beim Freigeben von Ports

>>: Detaillierte Erklärung der CSS-Animationsattribut-Keyframes

Tutorial zur grundlegenden Verwendung des MySQL Slow Query Log

HTML 5 Stylesheet zurücksetzen

Tutorial zur grundlegenden Verwendung des MySQL Slow Query Log

vue-element-admin global laden warten

Schritte für Django zum Herstellen einer Verbindung zur lokalen MySQL-Datenbank (Pycharm)

Schritte zur Installation von MySQL 8.0.23 unter Centos7 (Anfängerstufe)

So öffnen Sie das MySQL-Binlog-Protokoll

Lösung für das Problem des wiederholten Auslösens von Funktionen in der Vue-Projektüberwachung

Perfekte Lösung für das Problem des CSS-Hintergrundbildpfads im Webpack

Diese Dinge wissen Sie vielleicht nicht über die automatische ID-Inkrementierung in MySQL

SSM VUE Axios Detaillierte Erklärung

Implementieren eines Tabellen-Scrollkarusselleffekts durch CSS-Animation

Artikel empfehlen

PageSpeed Optimierung im Überblick

Verständnis von Haslaylout- und BFC-Parsing

Grundlagen der HTML-Bearbeitung (ein Muss für Anfänger)

JavaScript-Plugin-Kapselung für Tabellenwechsel

Webdesign-Prinzipien für Hyperlinks

So importieren Sie CSS-Stile in externe HTML-Stylesheets

So öffnen Sie eine Seite in einem Iframe

Die Grundprinzipien und die detaillierte Verwendung des Ansichtsfensters

Beispiel für CSS3 zum Erzielen eines Div-Ein- und Ausschiebens von unten nach oben

Analyse von 2 Token-Gründen und Beispielcode in der Webprojektentwicklung

Tutorial und Praxis zu den virtuellen Speichereinstellungen unter Linux

Detaillierte Erläuterung des grundlegenden Implementierungsprinzips von MySQL DISTINCT

Zusammenfassung von 3 Möglichkeiten zum verzögerten Laden eines Vue-Routers

Lernhinweise zum WeChat-Applet: Seitenkonfiguration und -routing

Vue+Websocket implementiert einfach die Chat-Funktion