Základy práce s jazykom CSS

Už sme prebrali základné značky jazyka HTML a teraz je čas na to, aby sme to upravili. Bolo by dobré mať možnosť meniť farbu textu, jeho veľkosť, pozadie a mnoho ďalšieho. To sa robí pomocou jazyka CSS.

CSS príkazy (štýly) sú zvyčajne uložené v samostatnom súbore, ktorý je špeciálnou značkou pripojený ku všetkým HTML stránkam našej webovej stránky.

Výhoda tohto prístupu spočíva v tom, že CSS súbor je jeden, ale HTML súborov môže byť ľubovoľné množstvo, aj tisíc. Ak vykonáme zmenu na jednom mieste v CSS súbore, napríklad, zafarbíme všetky odseky na červeno, tieto zmeny sa aplikujú na všetkých tisícoch HTML stránok, ku ktorým je náš CSS súbor pripojený. Veľmi pohodlné a rýchle.

Súbor so štýlmi musí mať príponu .css. Ak chcete pripojiť takýto súbor k HTML stránke, v značke head by ste mali napísať nasledujúcu konštrukciu:

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

V nasledujúcom príklade je k nášmu HTML súboru pripojený CSS súbor 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>

Vytvorte a pripojte ku všetkým vašim stránkam súbor styles.css.