CSS är språket vi använder för att formatera ett HTML-dokument.
CSS beskriver hur HTML-element ska visas.
Denna handledning kommer att lära dig CSS från grundläggande till avancerad.
Denna CSS-handledning innehåller hundratals CSS-exempel.
Med vår onlineredigerare kan du redigera CSS och klicka på en knapp för att se resultatet.
body
{
background-color: lightblue;
}
h1
{
color: white;
text-align: center;
}
p
{
font-family: verdana;
font-size: 20px;
}
Prova själv →
<!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>
Klicka på knappen "Prova själv" för att se hur det fungerar.
Lär dig av över 300 exempel! Med vår editor kan du redigera CSS och klicka på en knappen för att se resultatet.
Gå till CSS-exempel!
Vi rekommenderar att du läser den här handledningen, i den ordning som anges i menyn.
Om du har en stor skärm kommer menyn alltid att finnas till vänster.
Om du har en liten skärm, öppna menyn genom att klicka på toppmenyn ☰.
Vi har skapat några responsiva W3.CSS-mallar som du kan använda.
Du är fri att ändra, spara, dela och använda dem i alla dina projekt.
Gratis CSS-mallar!