CSS - Zápis (2.díl)

Tentokrát si ukážeme jednoduchý zápis stylů.

Tak po dlouhé době je tu další díl. A admine ten první článek se tak jmenovat nemá a vůbec tak to uprav a tento řádek pak smaž.

Pro zápis stylů použijte váš oblíbený editor. CSS se píše do souboru .html, .htm, .php, .css atd. Doufám že dobře znáte HTML, či XHTML, nebo jiný značkovací jazyk.

Vkládaný styl (in-line style) je styl použitý na určitý tag webové stránky. Styl aplikujte pomocí atributu STYLE. Stejně jako ostatní atributy, i atribut STYLE ovlivňuje pouze určený tag. Vkládané styly se hodí k přesnému doladění vzhledu prvku tj. např. obrázek, element body.

V následujícím kódu používáme tag span, který je nám užitečný, protože nepřidává žádné další formátování jak např. element b, který přidává tučnost k textu. Pro to když vytvoříme text mezi párovými tagy span bude se jevit jako kdyby tam tagy span nebyly.

Takže ke kódu. Tag span nám v tomto případě posloužil jako NEVINNÝ prvek textu, ale s atributem style a s vlastností Font-weight: s hodnotou bold, což je základní ztučnění totožné s elementem b, se stane z normálního textu, text tučný.

Všiměte si syntaxe atributu style. Tento atribut má přiřazenou hodnotu uzavřenou v uvozovkách - tato hodnota se označuje jako deklarace stylu. V níž se uvádějí jednotlivé názvy atributů (font-weight), poté následuje dvojtečka libovolná mezera (kde může být třeba Vaše dukumentace viz. později) a hodnota v našem případě bold. (Syntaxe v tabulkách stylů se poněkud liší od syntaxe vkládaných stylů, ale to uvidíte později)

V atributu style je možné uvéct více deklarací najednou jako v následujícím kódu.

Jak vidíte jednotlivé hodnoty se oddělují středníkem, následuje libovolná mezera, kde můžete třeba zalamovat řádky. Za poslední deklarací není třeba vkládat středník.Hodnota font-style nastavuje sklon písma a tady je sklon písma nastaven italikou.

Příště si ukážeme tabulky stylů.