Laut einer neuen und recht einfache Regel auf der Web Standards Group ( WSG) Liste eingeführt , sollte die CSS "padding " und "margin "-Parameter auf "0" für eine einfachere Fehlersuche und Cross-Browser- Kompatibilität eingestellt werden . Verschiedene Browser von internen Stylesheets auf HTML-Elemente auf Ihrer Webseite , was zu unvorhergesehenen Ergebnissen. Zum Beispiel , Firefox Gedankenstrich Listen mithilfe von " padding-left ", während Internet Explorer verwendet sog. " margin-left . " Um Ihre Web -Seite der Blick intakt , müssen Sie das "padding "-Parameter . Anleitung
1
Öffnen Sie Cascading Stylesheets (CSS -Datei). Dieses Stylesheet steuert das Layout und Aussehen Ihrer Seite . Standard- Parameter-Werte aus dem Stylesheet sind global, so wird die Veränderung einer einzigen Parameter alle Elemente dieses Typs über Ihre Website beeinflussen
2
Fügen Sie den folgenden Code auf Ihre CSS-Stylesheet , um die H2 Polsterung zurück: .
h2 {
padding: 1cm ; }
Sie können ersetzen "1" mit einer beliebigen Anzahl und "cm" mit einer Einheit wie " in " für Zoll oder " mm " für Millimeter. Der obige Befehl setzt alle vier Typen padding : padding-left , padding-right , padding-top und padding-bottom . Wenn Sie nicht möchten, dass alle Arten Polsterung zurückzusetzen, verwenden Sie den Code ein:
h2 {
padding-top : 1cm ;
padding-left : 1in ;
}
zurücksetzen Sie können nur eine der Polsterung Arten oder allen von ihnen und stellen verschiedene Werte für jeden. Sie können auch die Werte in verschiedenen Einheiten . Im vorherigen Beispiel wird die " padding-top "-Wert in Zentimetern gemessen und die " padding-left "-Wert wird in Zoll gemessen . Padding Typen, die nicht definiert sind, nehmen Sie die neue Standard-Wert von "0".
3
Speichern Sie die CSS-Stylesheet , und navigieren Sie zu Ihrer Website in verschiedenen Browsern , um die Polsterung Effekt zu sehen. Sie können die H2 padding jederzeit zurückgesetzt und kann sogar zurückgesetzt mehrere Elemente mit dem gleichen Befehl . Zum Beispiel:
h1, h2, h3 , h4 , h5 , h6 , p, Form , Label , ul, dl , fieldset {
margin-top : 1em ;
< p > margin-bottom : 1cm ;
margin-right : 1mm
margin-left : 3pt ;
}