Stránky neboli dlhú dobu aktualizované. Môžu obsahovať nepresné alebo neaktuálne informácie.
Najskôr si ukážeme, na ktoré miesto a akým spôsobom CSS vkladáme. Ak niečo nepochopíte, nič si z toho nerobte, keďže až v ďalšej časti sa pozrieme, čo do deklarácie patrí. Uvidíte tam aj konkrétne príklady.
Toto je základný spôsob - štýl vložíme medzi párové tagy STYLE, ktorý sa nachádza vždy v hlavičke HTML dokumentu:
<html> <head> <title>Stránka so štýlmi</title> <style> ...tu vložíme deklaráciu CSS... </style> </head> <body> </body> </html>
Ak chceme štýl použiť len pre jeden-jediný tag, urobíme to pomocou atribútu STYLE. V tomto prípade nevkladáme celú deklaráciu, len vlastnosti! O nich si niečo povieme v ďalšej kapitole.
<a style="...vlastnosti CSS...">Odkaz</a>
Iste ste si všimli, že STYLE môže byť tagom i atribútom.
Táto možnosť je veľmi výhodná, pretože v jedinom súbore môžete určiť vzhľad všetkých stránok. Je potrebné vytvoriť súbor s koncovkou CSS, napr. styl.css. V ňom bude priamo deklarácia CSS:
...štýl CSS...
Súbor, ktorému chceme tento štýl priradiť, bude vyzerať nasledovne:
<html> <head> <title>Stránka so štýlmi</title> <link href="styl.css" rel="stylesheet" type="text/css"> </head> <body> </body> </html>
Dovolím si trochu odbočiť od témy a ukázať, ako sa do CSS vkladajú poznámky (komentáre - texty, ktoré nemajú vplyv na funkčnosť). Stačí napísať text v tvare /* text poznámky */.
/* styl textov */ ... /* styl odkazov */ ...
V ďalšej časti seriálu si ukážeme, čo som vlastne myslel slovami: „...tu vložíme deklaráciu CSS...“. Ak sa to naučíte, (takmer) nič vám nebude brániť učiť sa rôznorodé vlastnosti, ktorými CSS disponuje.