CSS2

Farve

color: red;
color: #00ff00;
color: rgb(0,0,255);

Her kan du se en oversigt over web-sikrefarver.

p {
color: blue;
}

Font

p {
font-family: "Times New Roman", Times, serif;
}

Font Style

font-style: normal;
font-style: italic;
font-style: oblique;

Eksempel

p {
font-style: italic;
}

Font størrelse

Her sat i pixels

font-size: 40px;
font-size: 30px;
font-size: 14px;

Eksempel

p { 
font-size: 14px;
}

Font størrelse i em

For at give brugeren mulighed for at ændre størrelsen på teksten (i browser menuen) vælger mange udviklere at bruge em i stedet for pixels.

Em størrelsen anbefales af for eksempel W3C.

1 em er lig med den nuværende font størrelse. Standard størrelsen i browsere er 16px. Så standard størrelsen på 1 em er 16px.

Størrelsen kan beregnes fra pixels til em ved at bruge denne formel: pixels/16=em

Eksempler

font-size: 2.5em; /* 40px/16=2.5em */
font-size: 1.875em; /* 30px/16=1.875em */
font-size: 0.875em; /* 14px/16=0.875em */

Font Weight

font-weight: normal;
font-weight: bold;

Alle CSS font egenskaber

  • font
  • font-family
  • font-size
  • font-style
  • font-variant
  • font-weight