CSS (kaskádové styly)
Soubor s příponou .css který umožňuje nadefinovat vzhled HTML dokumentů. Ty potom obsahují jenom popis obsahu stránky.
Implementace CSS šablony do HTML
Nejdříve je nutné deklarovat v HTML dokumentu, že jeho vzhled bude popisován nějakou css šablonou. Toto se děje v sekci HEAD - tedy mezi <HEAD> a </HEAD> a zápis vypadá takto:
<link rel=stylesheet href="sablona.css"/>
Toto oznamuje HTML dokumentu, že vzhled této stránky je definován v souboru sablona.css.
CSS umožňuje definovat vzhled jednotlivým tagům HTML (H1, P, A, TABLE apod.), případně tyto tagy přiřadit do nějaké třídy (class) a tu pojmenovat (např. cerveneatucne), jehož vzhled je potom v CSS šabloně popsán. Například:
<p class="cerveneatucne">...text odstavce...</p>
Poslední možností je potom vytvoření „prázdného“ HTML tagu <DIV> … </DIV> který v základu nevypadá nijak (není poznat že v HTML stránce vůbec je), ale jemuž je poté v CSS definován vzhled.
Základy CSS
Jedná se opět o textový soubor s jinou příponou, tentokrát .css. V ní existuje seznam položek a definic vzhledu. Vypadá to například takto:
h1 {
color: #0000FF;
font-style: italic
}
nebo
.cerveneatucne {
color: #FF0000;
font-weight: bold;
}
První způsob zápisu udává, že všechny existující HTML tagy H1 (nadpis úrovně 1) se má zobrazit v modré barvě a kurzívou.
Druhý způsob zápisu udává, že všechny prvky HTML dokumentu, kterým byl nastaven styl cerveneatuce budou zobrazeny červenou barvou a tučně.
Pokud popisuji v CSS šabloně prvek HTML dokumentu, nepíši před název dokumentu nic. Pokud popisuji mnou vytvořený class, musím před název této class použít tečku.