Oppsummering

Du har allerede en HTML-fil lik den som ble laget på slutten av begynnerdelen for HTML, med linjen som vi la til på starten av begynnerdelen for CSS (denne!), som linker sammen HTML med CSS.

Kodesnutten under dekker alle CSS-metodene som har vært brukt hittil. Hvis du lagrer denne CSS-fila og ser på HTML-fila begynner det kanskje å bli litt tydeligere hva hver CSS-egenskap gjør, og hvordan man bruker dem. Den beste måten å forstå dette på er å herje rundt med HTML og CSS-filene, for å se hva som skjer når du endrer verdier.

body {
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  color: black;
  background-color: #ffc;
  margin: 20px;
  padding: 0;
}

/* Dette er en kommentar, forresten */

p {
  line-height: 21px;
}

h1 {
  color: #ffc;
  background-color: #900;
  font-size: 2em;
  margin: 0;
  margin-bottom: 7px;
  padding: 4px;
  font-style: italic;
  text-align: center;
  letter-spacing: 0.5em;
  border-bottom-style: solid;
  border-bottom-width: 0.5em;
  border-bottom-color: #c00;
}

h2 {
  color: white;
  background-color: #090;
  font-size: 1.5em;
  margin: 0;
  padding: 2px;
  padding-left: 14px;
}

h3 {
  color: #999;
  font-size: 1.25em;
}

img {
  border-style: dashed;
  border-width: 2px;
  border-color: #ccc;
}

a {
  text-decoration: none;
}

strong {
  font-style: italic;
  text-transform: uppercase;
}

li {
  color: #900;
  font-style: italic;
}

table {
  background-color: #ccc;
}