• CSS můžeme definovat několika různými způsoby
• pomocí tagu STYLE v hlavičkové části dokumentu (pro lepší kompatibilitu s prohlížeči nepodporujícími styly se obsah uzavírá do komentáře - je ignorován)
• v externím dokumentu - v něm definujeme všechna pravidla, celý soubor připojíme k dokumentu pomocí LINK
< LINK REL=STYLESHEET TYPE="text/css" HREF="URL souboru se styly">
• definice pomocí atributu STYLE mírně odporuje filozofii stylů - míchá obsah a grafickou podobu (měl by se používat zejména s tagem SPAN)
• pokud chceme ušetřit místo a používáme pro několik selektorů stejná pravidla - lze napsat definice pro více selektorů oddělěných čárkou
P, .red1 {color:red}
Definování tříd
• pokud jako selektor použijeme jméno tagu, pak se změny projeví u všech výskytů tohoto tagu v dokumentu
• pokud bychom chtěli změny promítnout jen u některých výskytů, použijeme jako selektor třídu (název selektoru začíná .) a u tagu, u kterého chceme styl použít použijeme atribut CLASS s hodnotou této třídy
.jmenotridy {vlastnost:hodnota; ...}
• pokud před jméno třídy doplníme i jméno tagu, omezíme použití třídy pouze na tento tag
P.red1 {color:red;}
• pro použití tříd (a i individuálních stylů) máme v HTML definovány tagy DIV (styly pro odstavce) a SPAN (na řádku)
• HTML tag může používat pouze jednu třídu stylů, pokud jich specifikujeme více, je použita pouze ta první
• u jmen tříd záleží na velikosti písmen
Žádné komentáře:
Okomentovat