Externí styly

Posledním a nejčastěji užívaným způsobem jakým se dá psát CSS kód je psaní stylů do samostatného CSS souboru. To je výhodné zejména kvůli přehlednosti, ale také, když byste chtěli použít ty samé styly v různých HTML souborech, tak není problém z obou odkázat na ten stejný CSS soubor.

Aby náš HTML dokument věděl, že chceme užít samostatný soubor se styly, tak na něj musíme odkázat pomocí prvku link následovně:

<head>
	<link rel="stylesheet" href="style.css" />
</head>

Potom už do souboru CSS na který jsme odkázali můžeme psát kód stejným způsobem jako jsme psali do interních stylů:

p {
	background-color: purple;
	text-align: right;
}

Pokyny

Z prvku head smažte prvek style i s jeho obsahem.

Nyní do prvku head přidejte prvek link odkazující na soubor style.css

Začněte programovat zdarma

4/5