Obsah
Existují dvě vlastnosti, které nám umožňují měnit a upravovat text v dokumentech HTML5, tyto jsou textová dekorace Y textová transformace, tyto vám umožňují dát jim externí nebo ploché styly pro úpravu požadovaného textu.Použití stylů.
Podívejme se, co každá z těchto vlastností znamená a jak je lze použít:
- textová dekorace: Aplikujte dekoraci na textový blok, jeho možné vlastnosti jsou: žádné, podtržené, podtržené, řádkové, mrknutí.
- textová transformace: Aplikujte transformaci na textový blok, jeho možné vlastnosti jsou: žádné, velká písmena, velká písmena, malá písmena.
Pojďme analyzovat následující příklad, kde použijeme obě vlastnosti k vytvoření efektu v textu, budeme transformovat vše na velká písmena a navíc umístíme čáru doprostřed, abychom dosáhli přeškrtnutého efektu:
PříkladExistuje spousta různých druhů ovoce - existuje více než 500 odrůd banánů. V době, kdy přidáme nespočet druhů jablek, pomerančů a dalšího známého ovoce, máme před sebou tisíce možností. Jedním z nejzajímavějších aspektů ovoce je odrůda dostupná v každé zemi. Bydlím poblíž Londýna, v oblasti, která je známá svými jablky.
Nyní se podívejme, co nám prohlížeč ukazuje, pokud si všimneme kódu, víme, že náš text je kombinací velkých a malých písmen a výsledek je díky textová transformace.
Pamatujte, že vlastnosti h-shadow fungují pro horizontální stín, v-stín pro vertikální, rozostření nám dává difúzi stínu a barvy pro jeho barevné efekty.
Bez dalších okolků přejdeme k příkladu s použitím těchto možností:
PříkladExistuje spousta různých druhů ovoce - existuje více než 500 odrůd banánů. V době, kdy přidáme nespočet druhů jablek, pomerančů a dalšího známého ovoce, máme před sebou tisíce možností.
Tento kód nám v prohlížeči poskytuje následující výsledky:
S tímto dokončujeme tutoriál, nyní můžeme být schopni upravit náš text, můžeme dosáhnout mnoha kombinací, aby naše stránky ožily a tímto způsobem dosáhly bohatých textů, jak bychom měli vždy cvičit, dokud již nebudeme potřebovat vidět průvodce používáním toho, co jsme se dnes naučili.