Forbinde CSS med HTML
Stryg for at vise menuen
Sådan tilføjes CSS til HTML
Der er tre måder at anvende CSS på et HTML-dokument:
- Inline-stilarter;
- Indlejrede typografiark;
- Eksterne typografiark.
Hver metode fungerer forskelligt og anvendes i forskellige situationer.
Inline-stilarter
Inline-stilarter skrives direkte i et HTML-element ved hjælp af attributten style.
Eksempel:
index.html
Denne stil gælder kun for dette specifikke element.
Inline-stilarter er hurtige at anvende, men de kan ikke genbruges og er vanskelige at administrere i større projekter.
Indlejret typografiark
Et indlejret typografiark skrives inden for <style>-tags i <head>-sektionen af et HTML-dokument.
Eksempel:
index.html
Denne metode anvender stilarter på hele siden, men kun inden for denne enkelte HTML-fil.
Nyttig til små eller selvstændige sider.
Eksternt stilark
Ekstern CSS gemmer stilarter i en separat .css-fil og forbinder den til HTML ved hjælp af <link>-tagget.
Eksempel:
index.html
styles.css
Denne metode gør det muligt at genbruge stilarter på tværs af flere sider.
Det er den foretrukne og mest skalerbare tilgang til rigtige projekter.
Inline-stilarter: anvendes direkte på elementer, men kan ikke genbruges.
Indlejret typografiark: anvendes inde i <head>, påvirker kun én side.
Eksternt typografiark: gemmes i en separat .css-fil, kan genbruges og anbefales til de fleste projekter.
I dette kursus vil vi primært bruge eksterne typografiark.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
