Summary  
This chapter introduces Cascading Style Sheets (CSS) as a language for separating content structure from visual presentation by using selectors and declaration blocks to define properties like colors, spacing, and fonts.  

General domain of usage  
Web development

HTML definierar strukturen och innehållet på en webbsida.
CSS definierar hur detta innehåll presenteras.

Medan HTML organiserar element såsom rubriker, stycken och bilder, **styr CSS** deras **utseende**, inklusive färger, avstånd, typsnitt, justering och layout.

Tillsammans utgör HTML och CSS grunden för modern webbutveckling.

CSS står för Cascading Style Sheets.
Det är ett stilmallspråk som används för att beskriva hur HTML-element ska visas i en webbläsare.

Definition

Med CSS kan du:
- Ändra text- och bakgrundsfärger;
- Justera avstånd mellan element;
- Styra typsnitt och typografi;
- Skapa layouter;
- Lägga till visuella effekter.

CSS ändrar inte dokumentets struktur.
Det styr hur strukturen ser ut.

## Grundläggande CSS-syntax
En CSS-regel består av en selektor och ett deklarationsblock.<br>
Exempel:
```css
p {
  color: purple;
  background-color: green;
}
```
Förklaring:
- `p` är selektorn. Den riktar sig till alla `<p>`-element;
- `color: purple;` anger textfärgen;
- `background-color: green;` anger bakgrundsfärgen.

Varje deklaration följer detta format: `property: value;`

Du kommer att utforska selektorer, egenskaper och värden mer ingående i kommande kapitel.

Behärska grunderna i CSS, det stiliseringsspråk som förändrar utseendet och känslan på webbsidor. Utforska centrala koncept såsom textstilar, färger, avstånd, boxmodellen, Flexbox och dekorativa effekter. Bygg upp färdigheter för att skapa visuellt tilltalande och välstrukturerade webbsidor.

Förstå hur CSS kopplas till HTML och hur stilar tillämpas genom selektorer.
Tillämpning av färger, textformatering och hovringseffekter för att styra visuell presentation.

Förbättra typografi med hjälp av radavstånd, mellanrum, typsnittsegenskaper och anpassade typsnitt. Kontrollera typsnittsfamiljer, vikt, stil och storlek för ökad läsbarhet.

Styr layoutstruktur med hjälp av marginaler, utfyllnad, ramar och bredd-egenskaper. Förstå boxmodellens storlekshantering och elementens visningstyper såsom block, inline och inline-block.

Styr horisontella och vertikala layouter med Flexbox-egenskaper. Justera riktning, justering och avstånd för att strukturera UI-komponenter.

Förbättra layouter med bakgrundsfärger, bilder, pseudo-element och skuggor. Styla visuella komponenter för djup och kontrast.

Vad CSS Är och Varför Det Är Viktigt

Vad är CSS?

Grundläggande CSS-syntax