CSS-Stil zurücksetzen und löschen (damit verschiedene Browser den gleichen Effekt anzeigen)

CSS-Stil zurücksetzen und löschen (damit verschiedene Browser den gleichen Effekt anzeigen)
Damit die Seitenanzeige in verschiedenen Browsern konsistent ist, ist das Löschen und Zurücksetzen des CSS-Stils für die Front-End-Entwicklung ein Muss. Basierend auf früheren Erfahrungen haben wir einen CSS-Stil-Reset-Code als Referenz zusammengestellt.

Code kopieren
Der Code lautet wie folgt:

@Zeichensatz "utf-8";
Körper, h1, h2, h3, h4, h5, h6, hr, p, Blockzitat, vor,
dl, dt, dd, ul, ol, li, th, td, div, span, img,
Feldsatz, Länge, Schaltfläche, Eingabe, Auswahl, Textbereich {Rand: 0; Polsterung: 0;}
/* Farbe & Hintergrund */
html{Farbe:#000; Hintergrund:#FFF;}
/* Schriftart */
body, button, input, select, textarea { /* für IE */
Schriftart: 12px/18px Arial, Verdana, Microsoft YaHei;
}
/* Zentrum fixieren */
html, Text {Höhe: 100 %; Rand: 0 auto;}
/* h1~h6 */
h1 {Schriftgröße: 18px;}
h2 {Schriftgröße: 16px;}
h3 {Schriftgröße: 14px;}
h4, h5, h6 {Schriftgröße: 100%;}
/* A */
eine { Textdekoration: keine; }
a:hover { Textdekoration: Unterstreichung; }
/* Liste */
ul,ol {Listenstil: keine;}
/* Bildrand */
Feldsatz, Bild {Rand: 0}
/* Tisch */
Tabelle {border-collapse: collapse;border-spacing: 0;font:inherit;}
/* Marge */
.alpha {Rand links: 0;}
.omega {margin-right: 0;}
/* schweben und löschen */
.links{float:links;}
.rechts{float:rechts;}
.clear {löschen: beide;Anzeige: Block;}
/* Klarfix */
.clearfix:nach{Inhalt:".";Anzeige:Block;}
.clearfix{display:inline-table;}
/* Wird vor IE-Mac versteckt */
* html.clearfix{height:1%;}
.clearfix{Anzeige:Block;}
/* Ende der Ausblendung vor IE-Mac */
*+html.clearfix{min-height:1%;}/* IE7 */

<<:  Dropdown-Menü implementiert durch HTML+CSS3+JS

>>:  Verwenden von Shadowsocks zum Erstellen eines transparenten LAN-Gateways

Artikel empfehlen

Detaillierte Erklärung zur Verwendung von Teleport in Vue3

Inhaltsverzeichnis Zweck des Teleports So funktio...

So erstellen Sie mit Docker ein Basisimage der Python-Laufzeitumgebung

1. Vorbereitung 1.1 Laden Sie das Python-Installa...

HTML+CSS zum Erstellen einer Schaltfläche im Cyberpunk-Stil

Erster Blick auf die Wirkung: Vorwort: Auf diese ...

Util-Modul im node.js-Tutorial-Beispiel – detaillierte Erklärung

Inhaltsverzeichnis Ausgehend von der Typbeurteilu...

10 beliebte Windows-Apps, die auch unter Linux verfügbar sind

Laut dem Datenanalyseunternehmen Net Market Share...

Detaillierte Erklärung der MySQL-Dreiwertelogik und NULL

Inhaltsverzeichnis Was ist NULL Zwei Arten von NU...

Implementierung eines Docker-Compose-Bereitstellungsprojekts basierend auf MySQL8

1. Erstellen Sie zunächst den entsprechenden Ordn...

33 der besten kostenlosen englischen Schriftarten geteilt

ChunkFive Freie Schriftfamilie Cuprum JAH I Kosten...