Osnove rada sa CSS jezikom

Već smo razmotrili osnovne HTML tagove i sada je vreme da uvedemo lepotu. Bilo bi poželjno imati mogućnost da menjamo boju teksta, njegovu veličinu, pozadinu i mnogo toga drugog. To se postiže pomoću CSS jezika.

Obično se CSS komande (stilovi) čuvaju u posebnom fajlu, koji se specijalnim tagom povezuje sa svim HTML stranicama našeg sajta.

Prednost ovog pristupa je u tome što je CSS fajl jedan, a HTML fajlova može biti bilo koja količina, čak i hiljadu. Ako napravimo izmenu na jednom mestu u CSS fajlu, na primer, pobojamo sve pasuse u crveno, onda će se te izmena primeniti na svih hiljadu HTML stranica, na koje je naš CSS fajl povezan. Veoma praktično i brzo.

Fajl sa stilovima mora imati ekstenziju .css. Da biste povezali takav fajl sa HTML stranicom, u tagu head treba napisati sledeću konstrukciju:

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

U sledećem primeru se na naš HTML fajl povezuje CSS fajl 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>

Napravite i povežite sa svim vašim stranicama fajl styles.css.