Hovedproblemet i forbindelse med at linke en lokal CSS-fil i HTML er, at browseren muligvis ikke kan finde filen, hvis den ikke er placeret i samme mappe som HTML-siden. Dette kan løses ved at angive en fuld sti til CSS-filen eller ved at placere begge filer i samme mappe. Derudover, hvis du bruger relative stier, skal du sørge for, at du bruger dem korrekt, og at de peger på den korrekte placering.
<link rel="stylesheet" type="text/css" href="style.css">
1. Denne kodelinje bruges til at linke en ekstern stylesheet-fil kaldet "style.css" til HTML-dokumentet.
2. "link"-tagget bruges til at angive, at der laves et link til en ekstern ressource.
3. "rel"-attributten angiver forholdet mellem det aktuelle dokument og den sammenkædede ressource, i dette tilfælde er det en stylesheet-fil.
4. “type”-attributten angiver typen af ressource, der linkes, som i dette tilfælde er en tekst/css-fil (CSS står for Cascading Style Sheets).
5. Til sidst angiver "href"-attributten placeringen af den linkede ressource, som i dette tilfælde er en fil kaldet "style.css".
CSS fil
CSS (Cascading Style Sheets) er et sprog, der bruges til at beskrive præsentationen af et HTML-dokument. Det bruges til at definere udseendet og formateringen af en webside, herunder skrifttypestile, størrelser, farver, mellemrum og andre aspekter af websidelayout. CSS kan inkluderes i et HTML-dokument ved hjælp af tag. Dette tag skal placeres i sektionen af HTML-dokumentet og skal indeholde en reference til CSS-filen, der indeholder alle stilreglerne for den pågældende webside.
Hvordan refererer jeg til en lokal CSS-fil i HTML
For at referere til en lokal CSS-fil i HTML, kan du bruge element. Det element skal placeres i sektionen af dit HTML-dokument. href-attributten skal indeholde stien til din CSS-fil.
For eksempel:
