Selon une nouvelle et assez simple règle introduite sur la liste du Groupe Web Standards (WSG ) , le CSS " padding" paramètres " marge " doit être réglé sur "0" pour faciliter le débogage et la compatibilité cross-browser . Différents navigateurs appliquer des feuilles de style internes aux éléments HTML de votre page Web, conduisant à des résultats imprévus . Par exemple, Firefox retraits des listes à l'aide de " padding-left ", tandis que Internet Explorer utilise « margin-left . " Pour conserver l'apparence de votre page Web intact , vous devez réinitialiser le paramètre " padding" . Instructions
1
Ouvrez vos feuilles de style en cascade ( CSS) . Cette feuille de style contrôle la disposition et l'apparence de votre page. Les valeurs des paramètres standard de la feuille de style sont globaux , donc changer un seul paramètre influencera tous les éléments de ce type à travers votre site
2
Ajoutez le code suivant à votre feuille de style CSS pour réinitialiser le rembourrage H2: .
h2 {
padding: 1cm ;
}
Vous pouvez remplacer "1" avec un nombre quelconque et "cm" avec n'importe quelle unité comme " en " de pouce ou " mm " par millimètre. La commande ci-dessus réinitialise tous les quatre __gVirt_NP_NNS_NNPS<__ types de remplissage : padding-left , padding-right , padding- top et padding-bottom . Si vous ne voulez pas réinitialiser tous les types de remplissage , utilisez le code ci-dessous:
h2 {
padding-top : 1cm ;
padding-left : 1 pouce ;
}
Vous pouvez réinitialiser un seul des types de remplissage ou de chacun d'eux et définir des valeurs différentes pour chacun. Vous pouvez également définir les valeurs de différentes unités. Dans l'exemple précédent , la valeur de " padding-top " est mesurée en centimètres et la valeur " padding-left " est mesurée en pouces . Types de rembourrage qui ne sont pas définis prendre la nouvelle valeur standard de «0».
3
Enregistrer la feuille de style CSS et naviguer vers votre site dans différents navigateurs pour voir l'effet de rembourrage . Vous pouvez réinitialiser le rembourrage H2 à tout moment et peut même réinitialiser plusieurs éléments avec la même commande . Par exemple:
h1 , h2, h3 , h4 , h5 , h6 , p , la forme , l'étiquette , ul , dl , fieldset {
margin-top: 1em ;
< p > margin-bottom : 1cm ;
margin-right : 1mm
margin-left : 3 pts ;
}