Heim >Web-Frontend >CSS-Tutorial >CSS-Initialisierungscode

CSS-Initialisierungscode

巴扎黑
巴扎黑Original
2017-04-05 11:26:561794Durchsuche

Warum CSS initialisieren?

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初始化示例代码

/* 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn