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

Vue implementiert das Hinzufügen von Wasserzeichen zu hochgeladenen Bildern

In diesem Artikel wird der spezifische Implementi...

Zusammenfassung gängiger Nginx-Techniken und Beispiele

1. Priorität mehrerer Server Wenn beispielsweise ...

Eine kurze Diskussion über MySql-Ansichten, Trigger und gespeicherte Prozeduren

Sicht Was ist eine Ansicht? Welche Rolle spielt e...

Drei häufig verwendete MySQL-Datentypen

Das Definieren des Datenfeldtyps in MySQL ist für...

Hexadezimale Farbcodes (vollständig)

Rot und Pink und ihre Hexadezimalcodes. #990033 #...

Das Prinzip und die Anwendung der ES6-Dekonstruktionszuweisung

Inhaltsverzeichnis Array-Destrukturierungszuweisu...