Připojení CSS stylu

Kaskádové styly se nejčastěji ukládají do externích souborů s příponou .css nebo se zapisují přímo do stránky HTML. Největší výhodou CSS je, že můžete styl napsat, uložit do souboru a potom ho používat na více stránkách.

Moc se nedoporučuje styly zapisovat do každé stránky zvlášť, protože:

Stránky se budou obtížně aktualizovat (změna vzhledu bude znamenat zásah do všech stránek).
Stránky se budou déle načítat. Externí soubor CSS se stáhne jednou a potom zůstává v mezipaměti.

Z toho vyplývá, že styly by se měly zapisovat do externího souboru s příponou .css. Pokud ale určitý styl používáte jen na jedné stránce, je samozřejmě lepší zapsat ho přímo do stránky HTML.

Příklad:

<html>
<head>
<title>stránka se styly</title>
<link rel="stylesheet" type="text/css" href="soubor.css">

<style type="text/css">
@import url(soubor.css)
</style>

<style type="text/css">
styl psaný v jazyce CSS
</style>
</head>
<body>
<p style="color:blue">první odstavec na stránce bude zobrazen modře
</body>
</html>

V příkladu jsou použity všechny čtyři možnosti, jak propojit stránku se stylem. V prvních dvou případech se styl načítá z externího souboru, v ostatních se zapisuje přímo do stránky HTML.

Přímo ve stránce je možné zapisovat styl do hlavičky mezi značky <style> a </style>.

Nebo přímo do vybraných elementů:

Pokud zapisujete styl přímo do elementu, musíte pro hodnotu stylu a atribut style použít různé uvozovky (jednoduché nebo dvojité). Ještě lépe uděláte, když styl zapíšete následovně:

Připojení CSS stylu

Příklad:

Reklama

Nejoblíbenější stránky

CSS kaskádové styly

Tipy a triky v CSS