Heim > Artikel > Web-Frontend > CSS-Initialisierungscode
Unter CSS-Initialisierung versteht man das Zurücksetzen des Browserstils. Die Standardstile verschiedener Browser können unterschiedlich sein. Daher besteht die erste Aufgabe während der Entwicklung möglicherweise darin, sie zu vereinheitlichen. Seitenunterschiede zwischen Browsern treten häufig auf, wenn CSS nicht initialisiert ist. Jedes Mal, wenn wir eine neue Website oder Webseite entwickeln, initialisieren wir die CSS-Stilattribute, um die von uns verwendeten CSS- oder HTML-Tags praktischer und genauer zu machen. Dadurch wird die Entwicklung von Webseiteninhalten bequemer und prägnanter, während gleichzeitig die Menge an CSS-Code reduziert wird und spart Zeit beim Herunterladen von Webseiten.
/* CSS-Reset www.admin10000.com */
body,p,dl,dt,dd,ul,ol,li ,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin :0; Polsterung:0; }
Körper {Hintergrund:# fff; Farbe:#555; Schriftgröße:14px; Schriftfamilie: Verdana, Arial, Helvetica, serifenlos; }
td,th,caption {Schriftgröße:14px; }
h1, h2, h3, h4, h5 , h6 {font-weight:normal;font-size:100%; }
Adresse, Bildunterschrift, Zitat, Code, dfn, em, strong, th, var {font-style:normal;Schriftstärke:normal;}
a { Farbe:#555;Textdekoration:none; }
a:hover { text-decoration :unterstreichen; }
img {Grenze:keine; }
ol,ul,li { Listenstil:keine; }
Eingabe, Textbereich, Auswahl, Schaltfläche {Schriftart:14px Verdana, Helvetica, Arial, serifenlos; }
Tabelle { border-collapse:collapse; }
html {overflow-y:scrollen ;}
/* CSS allgemein */
.clearfix:nach {Inhalt: ".";Anzeige:Block;Höhe:0; klar:beides;Sichtbarkeit:versteckt;}
.clearfix { *zoom:1 ; }
Das Obige ist der von admin10000.com verwendete CSS-Reset-Code. Dieser Code ist eine Methode, die ich am liebsten verwende. Obwohl er noch nicht perfekt ist, sind fast alle häufig verwendeten enthalten.
Standard-CSS-Stile unter verschiedenen Mainstream-Browsern: ie6 | ie8 |. Webkit (r57042) |
Unten ist übrigens die HTML-Vorlage von admin10000.com angegeben, die
für jede neue Entwicklungsseite verwendet wird.
Das obige ist der detaillierte Inhalt vonCSS-Initialisierungscode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!