CSS tutorial 1 – Introduktion
I denne CSS tutorial kan du lære programmeringssproget CSS, der styler din hjemmeside.
I forlængelse af min HTML5 tutorial, kan du her lære om CSS. CSS er et sprog der styler din hjemmeside, og hvor HTML styrer strukturen styrer CSS designet. Hvis du endnu ikke har lært HTML, vil jeg anbefale at du starter med min HTML5 tutorial. Det giver ikke så meget mening at kende til CSS, hvis du ikke kender til HTML.
Tidligere anvendte mange de stylingmuligheder der findes i HTML samt billeder til at style med, når du skulle designe en hjemmeside. Stylingsmulighederne i HTML er begrænsede og billeder giver nogle temmelige tunge hjemmesider, der tager lang tid at indlæse. I dag anvender de fleste CSS til at designe en hjemmeside med. Det kan erstatte alle stylingsmulighederne i HTML og en del af de billeder man anvendte før. Det giver både hurtigere og flottere hjemmesider.
Der er følgende afsnit i denne CSS tutorial:
- CSS tutorial 1 – Introduktion (den læser du nu)
- CSS tutorial 2 – CSS syntaxen
- CSS tutorial 3 – Farver og baggrund
- CSS tutorial 4 – Fonte
Hvad er CSS?
CSS står for Cascading Style Sheet og er altså et style sprog, som angiver hvordan et markup-sprog som HTML skal præsenteres i browseren. Selve CSS koderne kan anvendes eksternt i en .css fil, som der henvises til i hvert HTML dokument med:
<link rel="stylesheet" type="text/css" href="theme.css">
Eller i et <style> tag i <head> sektionen af en html side.
<style type="text/css">
h1 {font-size: 30px; font-family: arial;}
h2 {font-size: 15px; font-family: courier;}
p {font-size: 8px; font-family: "times new roman";}
</style>
Eller i en attribut til det enkelte HTML-tag:
<body style="background-color:#000000;">
I næste afsnit af denne CSS tutorial skal vi se nærmere på CSS syntaxen.
