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

Änderung der Standardquelldatei sources.list des Ubuntu20.04 LTS-Systems

Wenn Sie den Inhalt der Datei „source.list“ verse...

Beispielcode für die Verwendung von @media in CSS3 zur Anpassung einer Webseite

Heutzutage wird die Bildschirmauflösung von Compu...

Entpackte Version der MySQL-Installation und aufgetretene Fehler und Lösungen

1 Installation Laden Sie die entsprechende entpac...

Sublime Text - Empfohlene Methode zum Festlegen von Browser-Tastenkombinationen

Codeeffekte werden häufig in unterschiedlichen Br...

CSS3 verwendet Animationsattribute, um coole Effekte zu erzielen (empfohlen)

animation-name Animationsname, kann mehrere Werte...

Probleme und Lösungen bei der Installation von Mininet auf Ubuntu 16.04.4LTS

Mininet Mininet ist eine leichtgewichtige, softwa...

So überspringen Sie Fehler bei der MySQL-Master-Slave-Replikation

1. Traditionelle Binlog-Master-Slave-Replikation,...

Mysql-Optimierungstechniken zum Abfragen von Daten basierend auf der Zeit

Um beispielsweise die gestern neu registrierten B...

Detaillierte Erläuterung des verschachtelten Routings im Vue-Router

Inhaltsverzeichnis Schritt 1. Konfigurieren Sie R...

Implementierung der Docker-Bereitstellung von Django+Mysql+Redis+Gunicorn+Nginx

I. Einleitung Die Docker-Technologie erfreut sich...