I den här artikeln går vi igenom CSS deklarationer och hur du använder dem för att sätta upp regler för hur din webbplats ska presenteras i en webbläsare.
Vad är en CSS-deklaration?
En deklaration är ett ord som ständigt återkommer när du sysslar med 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.
Deklarationers utseende kan variera lite beroende på om man skriver extern CSS, inline CSS eller embedded CSS.
Selektorer
En selektor är namnet på den tagg eller område på sajten som du bestämmer dig för att sätta upp en regler för.
Exempel, selektorer och deklarationer
p {
color: red;
}
Ovanstående deklaration betyder att alla stycken ska skrivas med röd text. P är selektor, color är egenskapen och red är värdet på egenskapen.
Varje deklaration separeras med ett semikolon (;). Om vi vill att ovanstående stycken ska ha en bestämd storlek och och speciellt radavstånd hade vi därför kunnat skriva detta som:
p {
color: red;
font-size: 12px;
line-height: 14px;
}
På samma sätt kan du ange en class eller id som selektor för att formatera utvalda områden som du vill.
Vi går igenom detta i nästa artikel som handlar om extern css.
<<< CSS guide || Extern CSS >>>
