Velgere, egenskaper og verdier

.. eller på engelsk: selectors, properties og values. På samme måte som at HTML har tag’er, har CSS selectorer. Selectorer er navn som gies til stiler iinterne eller eksterne stilark. I nybegynnerdelen av CSS-veiledningen fokuserer vi på HTML-selectorer, som enkelt og greit er navnene på HTML-tag’ene som vi har brukt til nå, og som brukes for å endre stilen på en bestemt type elementer. Krunglete? Les videre, så skjønner du greia snart!

For hver selector finnes det egenskaper (properties) inni krøllparanteser { } (alt gr + 7 og alt gr + 0). Egenskapene er f.eks ord som color, font-weight eller background-color.

En verdi (value) blir gitt til egenskapen, ved å bruke et kolon. Semikolon brukes for å separere flere egenskaper. La oss se det i aksjon!

body {
  font-size: 14px;
  color: blue;
}

Dette vil sette den spesifiserte skriftstørrelsen, og skriftfargen på body-selectoren.

Kortere fortalt: når dette blir lagt til i et HTML-dokument vil all tekst mellom body-tag’ene ha 14 piksler skriftstørrelse, og ha blå farge.

Lengder og prosenter

Det er mange måleenheter som er for spesifikke egenskaper i CSS, men det finnes også en del mer generelle måleenheter som brukes av en god del av egenskapene, som kan være greit å vite om før vi går videre.

px (som i font-size: 12px) er måleenheten for piksler
em (som i font-size: 2em) er måleenheten for kalkulert størrelse av en font. 2em vil i såfall være to ganger den nåværende fontstørrelsen
pt (som i font-size: 12pt) er måleenheten for punkt, som gjerne brukes i trykte medier
% (som i 80%) er måleenhet for prosent..

Andre enheter som finnes er cm (centimeters), mm (millimeter), in (inches), og mange flere.

Hvis en verdi er 0 (tallet null) så trenger du ikke å spesifisere måleenheten. F.eks, hvis du ikke skal ha en borde rundt et element, kan du skrive border: 0