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

Detaillierte Verwendung des Vue More Filter-Widgets

In diesem Artikelbeispiel wird die Implementierun...

MySQL-Export ganzer oder einzelner Tabellendaten

Exportieren einer einzelnen Tabelle mysqldump -u ...

Der Unterschied und die Verwendung von distinct und row_number() over() in SQL

1 Einleitung Wenn wir SQL-Anweisungen schreiben, ...

Detailliertes Beispiel für MySQL-Joint-Tabellen-Update-Daten

1.MySQL UPDATE JOIN-Syntax In MySQL können Sie di...

Vue+Openlayer verwendet modify, um den gesamten Code des Elements zu ändern

Vue+Openlayer verwendet „modify“, um Elemente zu ...

Detaillierte Erläuterung des Ausführungsplans, Beispiel für einen Befehl in MySQL

Vorwort Der Befehl „Explain“ ist die primäre Mögl...

Tutorial zur HTML-Tabellenauszeichnung (22): Zeilenrahmen-Farbattribut BORDERCOLORLIGHT

Innerhalb der Zeilen können die hellen Rahmenfarb...

Was tun, wenn Sie Ihr Linux/Mac MySQL-Passwort vergessen?

Was tun, wenn Sie Ihr Linux/Mac MySQL-Passwort ve...

Drei Möglichkeiten, um zu verhindern, dass MySQL doppelte Daten einfügt

Erstellen einer neuen Tabelle CREATE TABLE `Perso...

Die Verwendung eines eindeutigen MySQL-Schlüssels in Abfragen und damit verbundene Probleme

1. Tabellenanweisung erstellen: CREATE TABLE `Mit...

Führen Sie die Schritte zur Installation von MySQL 5.5 auf CentOS aus

Inhaltsverzeichnis 1. Vorbereitung vor der Instal...

So verwenden Sie HTML-CSS, um zu steuern, dass Div oder Tabellen an einer bestimmten Position fixiert werden

CSS- CodeInhalt in die Zwischenablage kopieren .b...

Umfassende Zusammenfassung der MySQL-Tabellen

Inhaltsverzeichnis 1. Erstellen Sie eine Tabelle ...

JavaScript-Farbbetrachter

In diesem Artikelbeispiel wird der spezifische Ja...

Docker-Verbindung – MongoDB-Implementierungsprozess und Codebeispiele

Nachdem der Container gestartet wurde Melden Sie ...