Was sind CSS-Resets?

Ein CSS-Reset / CSS sind eine Reihe von Element Stile zu einer bestimmten Baseline, die Konsistenz schafft über verschiedene Browser eingestellt.

Wir alle waren der durch die Alpträume des Schreibens Cross-Browser CSS zu. Also, wenn wir schriftlich unsere CSS beginnen, ist es eine Praxis zu setzen es zuerst zu entfernen / zurücksetzen keine Cross-Browser-Inkonsistenzen. CSS-Resets, sind einfach paar Zeilen CSS, dass Sie Ihre CSS beginnen mit, was Ihnen eine saubere Basis zu beginnen, Ihre auf.

Die CSS setzt, dass ich in der Regel dazu neigen, verwenden sieht wie folgt aus

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

ol, ul {
list-style: none;
}

H1, H2, H3, H4, H5, H6 {
font-size: 100%;
font-weight: normal;
}


Setzen Sie den Browser Schriftgröße
Beachten Sie auch die Reset-Browser, die Schriftgröße in der folgenden Zeile angewendet wurde ...

html {font-size: 76%;}

Die obige CSS setzt den Browser Schriftgröße auf 10 Pixel, und dies macht es möglich, mit relativen Schriftgrößen (das ist jede wichtige aus einer WAI Konformität prespective) arbeiten
Für z. B. in der folgenden Definition, ist font-size in einer Spannweite bis 10 Pixel, und dass in der paragarph ist auf 14 Pixel gesetzt ...

span {font-size: 1em;}
p {font-size: 1.4em;}


One Response to "Was sind CSS-Resets?"

Lassen Sie eine Antwort

NDK Hause | Ausdruck ihrer IT | Ausdruck Gaumen | Penmenship Ausdruck | Ausdruck Awe | mich auszudrücken