Deklarationer
Formatering med CSS
Deklarationer är ett ord som ständigt återkommer när du sysslar med design i CSS. Som tur är kan det översättas enkelt: En deklaration är nämligen samma sak som en regel.
En deklaration är uppbyggd av en egenskap och ett värde. Egenskapen kan vara exempelvis en färg, en ram, en bakgrundsfärg, en marginal, en text-storlek m.m. Värdet är i sin tur en slags inställning för egenskapen.
Exempel 1:
p {color: #CCCCCC;}
Det här är en deklaration som säger att ett stycke p har egenskapen "color" (färg) och att dess värde är #CCCCCC, den hexadecimala färgkoden för ljusgrått. P kallas för selektor och är den del som du väljer att sätta deklarationer för.
Exempel 2:
p {color: black; font-size:12px; border: solid 2px; padding 3px; font-weight: bold;}
Ovanstående kod säger att stycket ska vara skrivet med svart text, att text-storleken ska vara 12 pixlar, att stycket ska ha en kantlinje som är 2 pixlar och med en padding som är 3 pixlar samt att texten ska vara skriven med fet text.
Det andra exemplet innehåller alltså flera deklarationer, där varje deklaration separeras med ett semikolon (;).
Om du vill gå händelserna i förväg så kan du gå hit för att se en lista med viktiga CSS-egenskaper
Nästa artikel: Inline CSS
