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

So verwenden Sie limit_req_zone in Nginx, um den Zugriff auf dieselbe IP zu beschränken

HTML 5 Stylesheet zurücksetzen

So verwenden Sie limit_req_zone in Nginx, um den Zugriff auf dieselbe IP zu beschränken

CocosCreator - modulares Lernskript

Detaillierte Erklärung der Props-Konfiguration von Vue

Installations-Tutorial zur dekomprimierten Version von MySQL 5.7.23 mit Bildern und Text

Drei Möglichkeiten zur Implementierung von Animationen in CSS3

Ein Artikel, der Ihnen hilft, mehr über JavaScript-Arrays zu erfahren

Docker-Lernen: Die spezifische Verwendung von Container-Containern

HTML als Startseite festlegen und zu Favoriten hinzufügen_Powernode Java Academy

10 inhaltliche Prinzipien zur Verbesserung der Website-Performance

Memcached-Methode zum Erstellen eines Cache-Servers

Artikel empfehlen

Lösen Sie das Problem des Tomcat 404-Fehlers bei der Bereitstellung von Spring Boot + Jar-Verpackungen

Der Unterschied zwischen absolutem und relativem Pfad bei der Webseitenerstellung

Vue implementiert Funktionen zum Hoch- und Herunterladen von Dateien

MySQL-Datenmigration mit dem Befehl MySQLdump

MySQL NULL-Datenkonvertierungsmethode (unbedingt lesen)

Gründe und Lösungen für das fehlgeschlagene Einfügen von Emoji-Ausdrücken in MySQL

Zabbix-Konfiguration DingTalk-Alarmfunktions-Implementierungscode

Beispiel-Tutorial zur Verwendung der Summenfunktion in MySQL

Kurze Analyse von CentOS 7 mysql-8.0.19-1.el7.x86_64.rpm-bundle.tar

So zeigen Sie die Zeitzone in MySQL an und ändern sie

Praxis der mehrschichtigen verschachtelten Anzeige von Elementtabellen

JavaScript zur Implementierung des Countdowns für den SMS-Versand

Detaillierte Erklärung zur Lösung des Problems zu langer Inhalte in CSS

Beispielcode zur Implementierung einer dynamischen leuchtenden Spezialeffektanimation von Kreisen mit reinem CSS3

Zusammenfassung der Unterschiede zwischen den MySQL-Speicher-Engines MyISAM und InnoDB