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
Die spezifischen Schritte zur Installation von my...
Wenn Sie den Inhalt der Datei „source.list“ verse...
Diese Frage ist sehr seltsam, deshalb gehe ich di...
Heutzutage wird die Bildschirmauflösung von Compu...
1 Installation Laden Sie die entsprechende entpac...
Codeeffekte werden häufig in unterschiedlichen Br...
animation-name Animationsname, kann mehrere Werte...
Warum möchte ich den Inhalt in diesem Bereich orga...
Aktuell besteht die Anforderung, dass beim Klicke...
Inhaltsverzeichnis Umgebungsbeschreibung Installi...
Mininet Mininet ist eine leichtgewichtige, softwa...
1. Traditionelle Binlog-Master-Slave-Replikation,...
Um beispielsweise die gestern neu registrierten B...
Inhaltsverzeichnis Schritt 1. Konfigurieren Sie R...
I. Einleitung Die Docker-Technologie erfreut sich...