Webbdesign. XHTML och CSS

font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
color: darkslategray;
background-color: cadetblue;
background-image: url();
background-repeat: repeat;
}
Ojsan! Vad betyder det där, nu då?
Förklaring av CSS-koden
Den s.k. selectorn här är: body.
Sida 12 av 36
Det ger instruktioner till webbläsaren om att koderna inom klamrarna { } - som styr utseendet
- kommer att omfatta allt som skrivits mellan och i HTML-dokumentet - om
man inte anger något annat.
Det innebär i praktiken att man med ovanstående kod angett en övergripande utformningen
som gäller på hela webbsidan - eftersom allt innehåll som syns för besökaren ska skrivas
mellan och i HTML-dokumentet.
Vad betyder koderna, då? Hur kommer det att se ut?
Så här funkar det:
CSS Förklaring
body { Startar den css-kod som har body som selector.
padding: 0; margin: 0;
margin-top: 20px; margin-left: 30px;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
color: darkslategray;
background-color: cadetblue;
Behövs för att marginalerna ska se likadana ut i
alla webbläsare.
Anger sidans marginaler över och åt vänster.
Mäts här i pixlar.
Textens storlek ska vara 100% - vilket i
praktiken innebär att den inte förändras - men
bör vara med ändå!
Teckensnittet ska vara Arial i första hand. De
andra är alternativ om Arial inte finns installerat
på besökarens dator.
Textens färg ska vara: Darkslategray - en
namngiven färg som fungerar på webbsidor.
Sidans bakgrundsfärg ska vara: Cadetblue - en
namngiven färg som fungerar på webbsidor.
© maj 2008, Daniel Cronholm, daniel.cronholm@gmail.com, Sensus, 073 600 8000