CSS er det sprog, vi bruger til at style en webside.
CSS står for Cascading Style Sheets
CSS beskriver hvordan HTML-elementer skal vises på skærmen, papir eller i andre medier
CSS sparer meget arbejde. Det kan styre layoutet af flere websider på én gang
Eksterne stylesheets gemmes i CSS-filer
Her vil vi vise en HTML-side vist med fire forskellige stylesheets. Klik på "Stilark 1", "Stilark 2", "Stilark 3", "Stilark 4" links nedenfor for at se de forskellige stilarter:
CSS bruges til at definere stilarter for dine websider, herunder design, layout og variationer i displayet for forskellige enheder og skærmstørrelser.
body
{
background-color: lightblue;
}
h1
{
color: white;
text-align: center;
}
p
{
font-family: verdana;
font-size: 20px;
}Prøv det selv →
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>
<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>
</body>
</html>
HTML var ALDRIG beregnet til at indeholde tags til formatering af en webside!
HTML var oprettet for at beskrive indholdet af en webside, som:
<h1>Dette er en overskrift</h1>
<p>Dette er et afsnit.</p>
Når tags som og farveattributter blev tilføjet til HTML 3.2 specifikation, startede det et mareridt for webudviklere. Udvikling af store hjemmesider, hvor skrifttyper og farveoplysninger blev tilføjet til hver enkelt side, blev en lang og dyr proces.
For at løse dette problem oprettede World Wide Web Consortium (W3C) CSS.
CSS fjernede stilformateringen fra HTML-siden!
Hvis du ikke ved, hvad HTML er, foreslår vi, at du læser vores HTML-tutorial.
Stildefinitionerne gemmes normalt i eksterne .css-filer.
Med en ekstern stylesheet-fil kan du ændre udseendet af en hel hjemmeside ved kun at ændre én fil!