CSS Kalbo Pagrindai

Mes jau išnagrinėjome pagrindines HTML kalbos žymes ir dabar atėjo laikas sutvarkyti išvaizdą. Būtų norima turėti galimybę keisti teksto spalvą, jo dydį, foną ir daug kita. Tai daroma naudojant CSS kalbą.

Paprastai CSS komandos (stiliai) saugomi atskirame faile, kuris yra prijungiamas specialia žyme prie visų mūsų svetainės HTML puslapių.

Šio požiūrio pranašumas yra tas, kad CSS failas yra vienas, o HTML failų gali būti bet koks kiekis, net tūkstantis. Jei mes atliksime pakeitimą vienoje CSS failo vietoje, pavyzdžiui, nudažysime visus paragrafus raudona spalva, tai šie pakeitimai bus taikomi visiems tūkstančiui HTML puslapių, prie kurių prijungtas mūsų CSS failas. Labai patogu ir greita.

Failas su stiliais turi turėti plėtinį .css. Norint prijungti tokį failą prie HTML puslapio, žymėje head reikia parašyti tokią konstrukciją:

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

Šiame pavyzdyje prie mūsų HTML failo prijungiamas CSS failas 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>

Sukurkite ir prijunkite prie visų savo puslapių failą styles.css.