HTML5 - Práce s písmem - 2. část

Obsah
Písma, jak jsme viděli v části 1 tohoto výukového programu, jsou velmi jemným a efektivním způsobem, jak změnit způsob, jakým stránka HTML vidíte, už víme, jak tento atribut trochu použít písmo, nyní uvidíme pokročilé vlastnosti, abychom mohli pokračovat v přizpůsobování našich dokumentů.
Práce s velikostí písma
Abychom mohli pracovat s velikostí písem, CSS nám umožňuje řadu vlastností a atributů, pomocí kterých můžeme dosáhnout požadovaných efektů při hledání přizpůsobení našich dokumentů.
Následující atributy nám umožňují dosáhnout změny velikostí.
xx-malý x-malý malý střední velký x-velký xx-velký: CPři nastavování velikosti písma je za stanovení přesné velikosti písem zodpovědný prohlížeč. S postupujícím seznamem možností se zvětší písmeno textového bloku, na který je vlastnost použita.
menší větší: Stanoví velikost písma, získaná velikost je relativní k nadřazenému prvku.
Nyní se v kódu podívejme na příklad, jak tyto nové znalosti použít:
 Příklad

Existuje 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í.


V tomto kódu používáme dva typy atributů, ten identifikovaný pomocí id První bude mít pevnou velikost a identifikátor s id druhý zabere větší velikost vzhledem k nadřazenému kontejneru, podívejme se, jak to vypadá v prohlížeči.

Stanovení stylu a váhy
Váha písma odpovídá tloušťce čáry, která definuje písmeno, toto lze upravit pomocí vlastnosti váha písmaNa druhou stranu nám styl umožňuje vybírat mezi normálním textem, kurzívou nebo také šikmo, podívejme se, jak to použijeme v kódu, abychom mohli jít přímo cvičit.
 Příklad

Existuje 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í.


Nyní se podívejme, jak to vypadá v našem prohlížeči.

V kódu jsme udělali to, že jsme část vložili kurzívou a další tučně nebo tučně, je rozdíl mezi kurzívou a šikmou, ale na vizuální úrovni je to v tuto chvíli něco, co je zanedbatelné, tento rozdíl můžeme také nechat být prozkoumán, a proto je obsah tohoto tutoriálu čerstvě na mysli.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod

Vám pomůže rozvoji místa, sdílet stránku s přáteli

wave wave wave wave wave