Enligt en ny och ganska enkel regel införs på Web Standards Group ( WSG ) förteckningen bör CSS " padding " och " marginal " ställas in på " 0 " för enklare felsökning och kompatibilitet med olika webbläsare . Olika webbläsare tillämpa interna stilmallar till HTML-element på din webbsida , vilket leder till oväntade resultat . Exempelvis Firefox indrag listor genom att använda " padding -left ", medan Internet Explorer använder " margin-left . " För att hålla din webbsida utseende intakt , måste du återställa " utfyllnad " parametern . Instruktioner
1
Öppna din överlappande formatmallar ( CSS -fil) . Denna formatmall styr layouten och utseendet på din sida . Standard parametervärden från stilmallen är global , så kommer ändra en enda parameter påverkar alla delar av den typen i hela din webbplats
2
Lägg till följande kod i din CSS- formatmall för att återställa H2 stoppning : .
h2 {
padding : 1cm ;
}
Du kan ersätta " 1 " med valfritt antal och " cm " med någon enhet som " i " för tum eller " mm " för millimeter . Ovanstående kommando återställer alla fyra stoppning typer: padding -left , padding -right , padding - top och padding - bottom . Om du inte vill återställa alla stoppning typer , använd koden nedan :
h2 {
padding - top : 1cm ;
padding -left : 1in ;
}
Du kan återställa endast en av stoppning typer eller alla av dem och ställa in olika värden för varje . Du kan också ställa in värdena i olika enheter . I föregående exempel är den "padding -top "-värdet mätt i centimeter och " padding- vänster "-värdet mäts i inches. Padding typer som inte definieras ta den nya standarden värdet " 0 ".
3
Spara CSS stylesheet och navigera till din webbplats i olika webbläsare för att se utfyllnaden effekt . Du kan återställa H2 stoppning som helst och kan även återställa flera element med samma kommando . Till exempel :
h1 , h2 , h3 , h4 , h5 , h6 , p , formulär , etikett , ul , dl , fältgrupp {
margin- top : 1em ;
margin- bottom : 1cm ;
marginal - höger : 1mm
margin-left : 3pt ;
} Addera ditt
