Grondbeginsels van Werking met die CSS Taal

Ons het reeds die basiese etikette van die HTML-taal behandel en nou is dit tyd om dit mooi te maak. Dit sou goed wees om die vermoë te hê om die kleur van die teks, sy grootte, agtergrond en baie meer te verander. Dit word gedoen met behulp van die CSS-taal.

Gewoonlik word CSS-instruksies (style) gestoor in 'n aparte lêer wat met 'n spesiale etikette aan al die HTML-bladsye van ons webwerf gekoppel is.

Die voordeel van hierdie benadering is dat daar een CSS lêer is, maar daar kan enige aantal HTML-lêers wees, selfs duisende. As ons 'n verandering op een plek in die CSS-lêer maak, byvoorbeeld, alle paragrawe in rooi kleur, sal hierdie veranderinge toegepas word op al die duisend HTML bladsye waaraan ons CSS-lêer gekoppel is. Baie gerieflik en vinnig.

Die styl-lêer moet die uitbreiding .css hê. Om so 'n lêer aan 'n HTML-bladsy te koppel, moet jy die volgende skryf in die head-etiket konstruksie:

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

In die volgende voorbeeld word die CSS-lêer styles.css aan ons HTML-lêer gekoppel:

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

Skep en koppel die lêer styles.css aan al jou bladsye.