Grunnleggende om arbeid med CSS-språket

Vi har allerede gått gjennom de grunnleggende taggene i HTML-språket, og nå er det på tide å gjøre det pent. Det ville vært fint å ha muligheten til å endre fargen på teksten, dens størrelse, bakgrunn og mye mer. Dette gjøres ved hjelp av CSS-språket.

Som regel lagres CSS-kommandoer (stiler) i en separat fil, som kobles til med en spesiell tag til alle HTML-sidene på nettstedet vårt.

Fordelen med denne tilnærmingen er at det er én CSS-fil, mens det kan være et hvilket som helst antall HTML-filer, selv tusen. Hvis vi gjør en endring på ett sted i CSS-filen, for eksempel endrer fargen på alle avsnitt til rød, vil disse endringene bli brukt på alle de tusen HTML- sidene som CSS-filen vår er koblet til. Veldig praktisk og raskt.

Filen med stiler må ha filendelsen .css. For å koble en slik fil til en HTML-side, må du skrive følgende konstruksjon i head-taggen:

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

I det følgende eksemplet kobles CSS-filen styles.css til HTML-filen vår:

<!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>

Opprett og koble til filen styles.css på alle sidene dine.