Osnove dela z jezikom CSS

Z vami smo že obravnavali osnovne oznake jezika HTML in zdaj je čas, da uredimo lep videz. Želeli bi imeti možnost spreminjanja barve besedila, njegove velikosti, ozadja in še veliko več. To se naredi z jezikom CSS.

Praviloma se CSS ukazi (slogi) shranjujejo v ločeni datoteki, ki je s posebno oznako povezana z vsemi HTML stranmi našega spletnega mesta.

Prednost takšnega pristopa je v tem, da je CSS datoteka ena, HTML datotek pa je lahko poljubno število, celo tisoč. Če naredimo spremembo na enem mestu v CSS datoteki, na primer, obarvamo vse odstavke v rdečo barvo, se bodo te spremembe uporabile na vseh tisočih HTML straneh, na katere je povezana naša CSS datoteka. Zelo priročno in hitro.

Datoteka s slogi mora imeti končnico .css. Če želite takšno datoteko povezati z HTML stranjo, v oznaki head napišite naslednjo konstrukcijo:

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

V naslednjem primeru je z našo HTML datoteko povezana CSS datoteka 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>

Ustvarite in povežite z vsemi vašimi stranmi datoteko styles.css.