Hlavní navigace

Kapka CSS - Kaskádové styly 3. díl

1. 4. 2001

Sdílet

Ani dnes tomu nebude jinak, a výuka bude opět ve znamení tabulek, plnýchrůzných skupin stylů tentokráte pro změnu vlastností textu a tzv. čtvercových elementů (co tento podivný název ...
Ani dnes tomu nebude jinak, a výuka bude opět ve znamení tabulek, plných
různých skupin stylů tentokráte pro změnu vlastností textu a tzv. čtvercových
elementů (co tento podivný název skrývá, si vysvětlíme v brzké době). Chybět
ale samozřejmě nebudou ani konkrétní příklady a přikreslil jsem i několik
ilustračních obrázků, pro snadnější pochopení vykládané problematiky. Stejně
jako minule i dnes dodávám, že věnuji maximální důraz na snadnou pochopitelnost
obsahu článku, pokud tedy komukoliv nebude cokoliv jasné, může se na mě obrátit
s dotazem, který se mu pokusím zodpovědět. Posílejte mi je na mou e-mailovou
adresu: j.kysela@centrum.cz. Tak tedy, začněme:


VLASTNOSTI TEXTU

V následujícím seznamu je uvedeno několik stylů pro úpravu textu je možné jimi
určovat zarovnání, odsazení ale i dokonce výšku řádku či rozteč mezi písmeny.

Názorné vysvětlení některých stylů je na ukázkovém obrázku.

Následující příklad jednoduše vypíše vzorec (raději nezkoumejte jaký) s
exponentem a dolními indexy:



v2
=ca*c STYLE="vertical-align:sub">b



Poznámka: jak v příkladu vidíte, někdy je nutné aplikovat styl pouze na určitou
část textu (exponent, dolní indexy), která ovšem není uzavřena v nějakém běžném
HTML tagu, co tedy s tím? Pro tento případ se používá řádkový tag ,SPAN\, který
sám o sobě nijak nemění vzhled textu, ale slouží právě pro definování určité
části textu.

Výsledek pak bude zobrazen následovně:


VLASTNOSTI ČTVERCOVÝCH ELEMENTŮ

Čtvercovými elementy jsou míněny HTML prvky, jejichž zobrazení má tvar
čtvercového charakteru (tzn. nejen čtverce, ale i obdélníky ;) ). Kupříkladu
jsou to tedy tabulky a různé formulářové objekty tlačítka apod. Nutno však
podotknout, že speciálně formulářové objekty nejsou pro aplikaci CSS zrovna tím
nejlepším příkladem, neboť na ně myslí až ty novější verze browserů tedy IE
v4.0, NN v6.0 a Opera v5.0!

Názorné vysvětlení některých stylů je na ukázkovém obrázku.

Příklad mění vzhled tlačítka formuláře, podobně jak jej vidíme na obrázku
vpravo: