Introduktion til CSS til Styling af Websider
CSS (Cascading Style Sheets) er det, der giver dine websider deres visuelle udseende. Hvor HTML leverer strukturen, styrer CSS farver, skrifttyper, afstand og layout—på samme måde som indretning og interiørdesign definerer udseendet af et hus.
Tilføjelse af CSS for at style HTML
CSS kan anvendes på tre hovedmåder.
Inline-stilarter
Brug attributten style for hurtigt at style et enkelt element.
index.html
Interne stilarter
Tilføj et <style>-blok i <head> for at style elementer på samme side.
index.html
Eksterne Stylesheets
For større projekter bør CSS placeres i en separat fil og tilknyttes til HTML.
Se venligst filerne index.html og index.css i eksemplet.
index.html
index.css
CSS-selektorer
Selektorer definerer, hvilke elementer der skal modtage specifikke stilarter.
Elementselektor
Målretter alle elementer af en bestemt type.
p {
/* styles */
}
Klasseselektor
Målretter elementer med en bestemt class-attribut.
.highlight {
/* styles */
}
ID-vælger
Målretter et specifikt element med et unikt ID-attribut.
#header {
/* styles */
}
CSS-egenskaber
CSS-egenskaber definerer, hvordan de valgte elementer skal styles. Her er nogle almindelige CSS-egenskaber:
colorangiver tekstfarven;background-colorangiver baggrundsfarven for et element;font-sizeangiver tekststørrelsen;margintilføjer afstand omkring et element.
Vi kan tilpasse websidens udseende ved at anvende CSS-stilarter på HTML-elementerne for at skabe visuelt tiltalende og brugervenlige oplevelser.
Eksempel:
index.html
index.css
Videovejledning
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
Fantastisk!
Completion rate forbedret til 5Introduktion til CSS til Styling af Websider
Stryg for at vise menuen
CSS (Cascading Style Sheets) er det, der giver dine websider deres visuelle udseende. Hvor HTML leverer strukturen, styrer CSS farver, skrifttyper, afstand og layout—på samme måde som indretning og interiørdesign definerer udseendet af et hus.
Tilføjelse af CSS for at style HTML
CSS kan anvendes på tre hovedmåder.
Inline-stilarter
Brug attributten style for hurtigt at style et enkelt element.
index.html
Interne stilarter
Tilføj et <style>-blok i <head> for at style elementer på samme side.
index.html
Eksterne Stylesheets
For større projekter bør CSS placeres i en separat fil og tilknyttes til HTML.
Se venligst filerne index.html og index.css i eksemplet.
index.html
index.css
CSS-selektorer
Selektorer definerer, hvilke elementer der skal modtage specifikke stilarter.
Elementselektor
Målretter alle elementer af en bestemt type.
p {
/* styles */
}
Klasseselektor
Målretter elementer med en bestemt class-attribut.
.highlight {
/* styles */
}
ID-vælger
Målretter et specifikt element med et unikt ID-attribut.
#header {
/* styles */
}
CSS-egenskaber
CSS-egenskaber definerer, hvordan de valgte elementer skal styles. Her er nogle almindelige CSS-egenskaber:
colorangiver tekstfarven;background-colorangiver baggrundsfarven for et element;font-sizeangiver tekststørrelsen;margintilføjer afstand omkring et element.
Vi kan tilpasse websidens udseende ved at anvende CSS-stilarter på HTML-elementerne for at skabe visuelt tiltalende og brugervenlige oplevelser.
Eksempel:
index.html
index.css
Videovejledning
Tak for dine kommentarer!
