HTML 5 Stylesheet zurücksetzen

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

Artikel empfehlen

Die 7 besten VSCode-Erweiterungen für Vue-Entwickler

Das Hinzufügen der richtigen VS Code-Erweiterung ...

Vier Modi zum Öffnen und Schließen von Oracle

>1 Starten Sie die Datenbank Geben Sie im cmd-...

MySQL verwendet frm-Dateien und ibd-Dateien, um Tabellendaten wiederherzustellen

Inhaltsverzeichnis Einführung in FRM-Dateien und ...

JavaScript-Grundlagenobjekte

Inhaltsverzeichnis 1. Gegenstand 1.1 Was ist ein ...

Die umfassendste Sammlung von Front-End-Interviewfragen

HTML und CSS 1. Verständnis und Kenntnisse von WE...

Schaltflächen und Dropdown-Menüs für Studiennotizen in Bootstrap 3.0

Der vorherige Artikel war eine einfache Überprüfu...

Details zur MySQL-Sortierfunktion

Inhaltsverzeichnis 1. Problemszenario 2. Ursachen...

Grundlegende Schritte zur Sicherheitseinstellung für den CentOS7-Server

Schalten Sie den Ping-Scan aus, obwohl dies nicht...

Tutorial zur Installation und Deinstallation von Python3 unter Centos7

1. Installieren Sie Python 3 1. Installieren Sie ...

JDBC-Erkundung SQLException-Analyse

1. Übersicht über SQLException Wenn bei der Verwe...