Grundlæggende arbejde med CSS-sproget

Vi har allerede gennemgået de grundlæggende tags i HTML-sproget, og nu er det tid til at gøre det pænt. Det ville være rart at have mulighed for at ændre farven på teksten, dens størrelse, baggrund og meget mere. Dette gøres ved hjælp af CSS-sproget.

Som regel opbevares CSS-kommandoer (stilarter) i en separat fil, som er tilsluttet med et specielt tag til alle HTML-sider på vores hjemmeside.

Fordelen ved denne tilgang er, at der kun er én CSS-fil, mens der kan være et hvilket som helst antal HTML-filer, selv tusind. Hvis vi laver en ændring på ét sted i CSS-filen, for eksempel ændrer alle afsnit til rød farve, vil disse ændringer blive anvendt på alle tusind HTML-sider, som vores CSS-fil er tilsluttet. Meget bekvemt og hurtigt.

Filen med stilarter skal have filendelsen .css. For at tilslutte en sådan fil til en HTML-side, skal du i head-tagget skrive følgende konstruktion:

<link rel="stylesheet" href="fileName.css">

I det følgende eksempel tilsluttes vores HTML-fil CSS-filen styles.css:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>This is the title</title>
		<link rel="stylesheet" href="styles.css">
	</head>
	<body>
		<p>
			This is a paragraph with text.
		</p>
	</body>
</html>

Opret og tilslut filen styles.css til alle dine sider.