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

Eine Zusammenfassung der Gründe, warum MySQL keinen Datumsfeldindex verwendet

Inhaltsverzeichnis Hintergrund erkunden Zusammenf...

MySQL-Serie 15: Allgemeine MySQL-Konfiguration und Leistungsstresstest

1. Allgemeine MySQL-Konfiguration Alle folgenden ...

Eine kurze Diskussion über JS-Verpackungsobjekte

Inhaltsverzeichnis Überblick Definition Instanzme...

MySQL-Operationen: Operationen mit JSON-Datentyp

Im vorherigen Artikel haben wir das ausführliche ...

Das Frontend erstellt und ändert CAD-Grafikdetails über JavaScript

Inhaltsverzeichnis 1. Aktuelle Situation 2. CAD-G...

Einführung in die MySQL-Gesamtarchitektur

Die Gesamtarchitektur von MySQL ist in die Server...

Tutorial zur Installation von VMWare15.5 unter Linux

Um VMWare unter Linux zu installieren, müssen Sie...

Schritte zum Upgrade des Ubuntu 16.04-Kernels

1. Umwelt Ubuntu 16.04 läuft auf einer virtuellen...

So ändern Sie die inländische Quelle von Ubuntu 20.04 apt

UPD 2020.2.26 Derzeit ist Ubuntu 20.04 LTS noch n...

Native JS-Implementierung der Lupenkomponente

In diesem Artikelbeispiel wird der spezifische Co...