Hvad er CSS, syntaks og hvordan man bruger på en webside?
## Hvad er CSS?
Cascading Style Sheets (CSS) er et stilarkssprog, der bruges til at beskrive præsentationen af et dokument skrevet i et opmærkningssprog såsom HTML. CSS er et kraftfuldt værktøj, der giver dig mulighed for at kontrollere udseendet af dine websider, inklusive skrifttype, farve, størrelse og layout af tekst, billeder og andre elementer.
CSS-syntaks
CSS-syntaks er relativt enkel og ligetil. En stilregel består af en vælger, efterfulgt af en krøllet bøjle, efterfulgt af en eller flere erklæringer. Vælgeren angiver det eller de elementer, som stilreglen vil blive anvendt på, mens erklæringerne angiver stilegenskaberne og værdierne for disse elementer.
For eksempel vil følgende stilregel ændre skrifttypen for alle `
` elementer til Arial:
```
p {
font-familie:Arial;
}
```
Sådan bruges CSS på en webside
For at bruge CSS på en webside skal du først oprette et typografiark. Et typografiark er simpelthen en tekstfil, der indeholder dine CSS-regler. Du kan oprette et typografiark ved hjælp af en hvilken som helst teksteditor, såsom Notesblok eller TextEdit.
Når du har oprettet et typografiark, skal du linke det til din webside. Du kan gøre dette ved at tilføje en ` ` element til `
` sektion af dit HTML-dokument. Den ` `-elementet skal referere til URL'en på dit typografiark.
For eksempel følgende ` ` element vil linke til et typografiark med navnet `mystyles.css`:
```
```
Når du har knyttet dit typografiark til din webside, kan du begynde at anvende CSS-regler på dine elementer. Du kan gøre dette ved at bruge attributten "class" eller "id" til at specificere, hvilke elementer der skal påvirkes af en bestemt stilregel.
For eksempel vil følgende HTML-kode anvende klassen `my-style` på alle `
` elementer:
```
Dette er et afsnit.
```
Klassen `min-stil` kan derefter defineres i typografiarket som følger:
```
.my-style {
font-familie:Arial;
farve:blå;
}
```
Dette vil ændre skrifttypen for alle `
` elementer med `min stil`-klassen til Arial og farven til blå.
Konklusion
CSS er et kraftfuldt værktøj, der giver dig mulighed for at kontrollere udseendet af dine websider. Ved at bruge CSS kan du skabe visuelt tiltalende og professionelt udseende hjemmesider.