A CSS nyelv alapjai

Már átvettük a HTML nyelv alapvető címkéit, és eljött az ideje, hogy széppé tegyük. Szeretnénk módosítani a szöveg színét, méretét, hátterét és még sok mást. Ezt a CSS nyelv segítségével tehetjük meg.

Általában a CSS parancsok (stílusok) külön fájlban tárolódnak, amelyet egy speciális címkével kapcsolunk össze weboldalunk összes HTML oldalával.

Ennek a megközelítésnek az az előnye, hogy egy CSS fájl van, de HTML fájlból tetszőleges mennyiség lehet, akár ezer is. Ha egy helyen módosítjuk a CSS fájlt, például az összes bekezdést pirosra festjük, akkor ezek a változások az összes ezer HTML oldalon érvényesülnek, amelyekhez a CSS fájlunk csatlakozik. Nagyon kényelmes és gyors.

A stílusokat tartalmazó fájl kiterjesztése .css kell legyen. Ahhoz, hogy egy ilyen fájlt HTML oldalhoz csatoljunk, a head címkében a következő konstrukciót kell írni:

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

A következő példában a styles.css CSS fájl csatlakozik a HTML fájlunkhoz:

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

Hozzon létre egy styles.css fájlt, és csatolja az összes oldalához.