När du gör stilmallar (dvs skriver CSS-kod) till en hemsida är det oerhört viktigt att du har ordning och reda på koden. Det ska vara lätt att läsa din kod, både för min och din egen skull, och du bör följa den gängse metoden att skriva CSS-kod: selektor och "krullparentes" på samma rad, sedan varje deklaration (egenskaper och värden) på ny rad med indrag (tryck tab en gång så får du ett lagom indrag), och så avslutande krullparentes underst. Glöm inte semikolon i slutet av varje deklaration, annars fungerar inte koden! På det här viset är det enkelt att kolla igenom sin kod och hitta eventuella fel och missar.
Nedan följer ett exempel på hur CSS-koden ska vara uppställd:
body {
background-color: #FFFFFF;
font-family: verdana, arial, sans-serif;
font-size: xx-small;
color: #999999;
margin-top: 20px;
margin-left: 20px;
}
Gruppera gärna koderna i ditt CSS-dokument, så blir det ännu enklare att lokalisera delar av koden som du vill ändra under arbetets gång. Du kan sätta "rubriker" innanför tecknen /* och */, så hoppar webbläsaren över dina rubriker, men du får mer ordning i ditt dokument.
Exempel:
/* Boxar */
Sätt alla CSS-koder som har med boxar eller "containers" att göra under denna rubrik.
/* Textformatering */
Sätt alla CSS-koder som gäller textformatering här.
/* Länkformatering */
Sätt CSS-koder för länkbeteenden här.
osv...