Základy práce s jazykem CSS

Již jsme s vámi probrali základní tagy jazyka HTML a nyní je čas udělat to hezké. Rádi bychom měli možnost měnit barvu textu, jeho velikost, pozadí a mnoho dalšího. To se dělá pomocí jazyka CSS.

CSS příkazy (styly) jsou obvykle uloženy v samostatném souboru, který je speciálním tagem připojen ke všem HTML stránkám našeho webu.

Výhoda tohoto přístupu spočívá v tom, že CSS soubor je jeden, zatímco HTML souborů může být libovolné množství, třeba tisíc. Pokud provedeme změnu na jednom místě CSS souboru, například obarvíme všechny odstavce na červeno, tyto změny se projeví na všech tisících HTML stránkách, ke kterým je náš CSS soubor připojen. Velmi pohodlné a rychlé.

Soubor se styly musí mít příponu .css. Chcete-li připojit takový soubor k HTML stránce, v tagu head byste měli napsat tuto konstrukci:

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

V následujícím příkladu je k našemu HTML souboru připojen CSS soubor 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>

Vytvořte a připojte ke všem svým stránkám soubor styles.css.