Introduksjon til CSS for å style nettsider
CSS (Cascading Style Sheets) gir nettsidene dine deres visuelle utseende. Mens HTML gir strukturen, styrer CSS farger, skrifttyper, mellomrom og oppsett—på samme måte som interiør og dekorasjon definerer utseendet til et hus.
Legge til CSS for å style HTML
CSS kan brukes på tre hovedmåter.
Inline-stiler
Bruk attributten style for å raskt style et enkelt element.
index.html
Interne stiler
Legg til en <style>-blokk inne i <head> for å style elementer på samme side.
index.html
Eksterne stilark
For større prosjekter bør CSS holdes i en egen fil og kobles til HTML-filen.
Se filene index.html og index.css i eksempelet.
index.html
index.css
CSS-selektorer
Selektorer definerer hvilke elementer som skal motta bestemte stiler.
Elementselektor
Målretter alle elementer av en bestemt type.
p {
/* styles */
}
Klasseselektor
Målretter elementer med en spesifikk klasseattributt.
.highlight {
/* styles */
}
ID-velger
Målretter et spesifikt element med en unik ID-attributt.
#header {
/* styles */
}
CSS-egenskaper
CSS-egenskaper definerer hvordan de valgte elementene skal styles. Her er noen vanlige CSS-egenskaper:
colorangir tekstfargen;background-colorangir bakgrunnsfargen til et element;font-sizeangir tekststørrelsen;marginlegger til avstand rundt et element.
Vi kan tilpasse utseendet på nettsiden ved å bruke CSS-stiler på HTML-elementene for å skape visuelt tiltalende og brukervennlige opplevelser.
Eksempel:
index.html
index.css
Videoveiledning
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Can you explain the difference between class and ID selectors in CSS?
How do I link an external CSS file to my HTML?
Can you give more examples of common CSS properties?
Fantastisk!
Completion rate forbedret til 5Introduksjon til CSS for å style nettsider
Sveip for å vise menyen
CSS (Cascading Style Sheets) gir nettsidene dine deres visuelle utseende. Mens HTML gir strukturen, styrer CSS farger, skrifttyper, mellomrom og oppsett—på samme måte som interiør og dekorasjon definerer utseendet til et hus.
Legge til CSS for å style HTML
CSS kan brukes på tre hovedmåter.
Inline-stiler
Bruk attributten style for å raskt style et enkelt element.
index.html
Interne stiler
Legg til en <style>-blokk inne i <head> for å style elementer på samme side.
index.html
Eksterne stilark
For større prosjekter bør CSS holdes i en egen fil og kobles til HTML-filen.
Se filene index.html og index.css i eksempelet.
index.html
index.css
CSS-selektorer
Selektorer definerer hvilke elementer som skal motta bestemte stiler.
Elementselektor
Målretter alle elementer av en bestemt type.
p {
/* styles */
}
Klasseselektor
Målretter elementer med en spesifikk klasseattributt.
.highlight {
/* styles */
}
ID-velger
Målretter et spesifikt element med en unik ID-attributt.
#header {
/* styles */
}
CSS-egenskaper
CSS-egenskaper definerer hvordan de valgte elementene skal styles. Her er noen vanlige CSS-egenskaper:
colorangir tekstfargen;background-colorangir bakgrunnsfargen til et element;font-sizeangir tekststørrelsen;marginlegger til avstand rundt et element.
Vi kan tilpasse utseendet på nettsiden ved å bruke CSS-stiler på HTML-elementene for å skape visuelt tiltalende og brukervennlige opplevelser.
Eksempel:
index.html
index.css
Videoveiledning
Takk for tilbakemeldingene dine!
