Grunderna i att arbeta med CSS-språket

Vi har redan gått igenom de grundläggande taggarna i HTML-språket och nu är det dags att göra det snyggt. Det vore bra att kunna ändra textens färg, dess storlek, bakgrund och mycket mer. Detta görs med hjälp av CSS-språket.

Vanligtvis lagras CSS-kommandon (stilar) i en separat fil som ansluts med en speciell tagg till alla HTML-sidor på vår webbplats.

Fördelen med detta tillvägagångssätt är att CSS-filen är en, medan det kan vara vilket antal HTML-filer som helst, tusentals till och med. Om vi gör en förändring på ett ställe i CSS-filen, till exempel, gör alla stycken röda, så kommer dessa förändringar att tillämpas på alla tusentals HTML-sidor som vår CSS-fil är ansluten till. Mycket bekvämt och snabbt.

Filen med stilar måste ha filtillägget .css. För att ansluta en sådan fil till en HTML-sida, i taggen head ska du skriva följande konstruktion:

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

I nästa exempel ansluts CSS-filen styles.css till vår HTML-fil:

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

Skapa och anslut filen styles.css till alla dina sidor.