Písmo s písmenem ve stylu kaskádových stylů (CSS)

Podívali jste se na velmi starou webovou stránku a viděli jste uvnitř HTML neobvyklý štítek? Před mnoha lety by weboví návrháři skutečně nastavili písma svých webových stránek uvnitř samotného kódu HTML , ale oddělení struktury (HTML) a stylu (CSS) odložilo tuto praxi před nějakým časem.

V dnešním návrhu webových stránek byla značka zastaralá. To znamená, že tag již není součástí specifikace HTML. Zatímco některé prohlížeče tuto značku nadále podporovaly poté, co byla zastaralá, již ji nepodporuje vůbec v HTML5, což je poslední iterace jazyka. To znamená, že značka by již neměla být nalezena ve vašich dokumentech HTML.

Alternativa ke značce písma

Pokud nemůžete nastavit písmo textu uvnitř stránky HTML pomocí tagu, co byste měli používat? Kaskádové styly (CSS) jsou způsoby, jak dnes na webových stránkách nastavujete styly písma (a všechny vizuální styly). CSS může dělat to samé věci, které značka mohla udělat, plus mnohem více. Podívejme se, co by značka mohla udělat, když to byla volba pro naše stránky HTML (nezapomeňte, že již není podporována, takže to není volba) a porovnejte, jak to dělat s CSS.

Změna rodiny písem

Pole písma je tvář nebo rodina písma. S značkou písma byste použili atribut "face" a budete muset umístit tento dokument po mnoho, mnohokrát, abyste nastavili jednotlivé písma pro každou část textu. Pokud potřebujete provést rozsáhlou změnu tohoto písma, musíte změnit každou z těchto jednotlivých značek. Například:

toto písmo není sans-serif

V CSS místo písma "face" se nazývá font "family". Napíšete styl CSS, který by nastavil písmo. Pokud jste například chtěli nastavit celý text na stránku Garamond, můžete přidat vizuální styl, jako je tato:

tělo {font-family: Garamond, Times, serif; }}

Tento styl CSS by použil rodinu fontů Garamond na všechno na webové stránce, protože každý prvek dokumentu je potomkem

Změna barvy písma

Stejně jako u obličeje použijete atribut "barva" a hexadecimální kódy nebo názvy barev ke změně barvy textu. Před několika lety byste také nastavili jednotlivě na textové prvky, například na záhlaví značky.

toto písmo je fialové

Dnes byste měli napsat řadu CSS.

Je to mnohem flexibilnější. Pokud potřebujete změnit

na každé stránce vašeho webu můžete provést jednu změnu v souboru CSS a každá stránka, která tento soubor používá, bude aktualizována.

Out With the Old

Používání CSS k diktování vizuálních stylů je již mnoho let standardem webdesignera, takže pokud se skutečně díváte na stránku, která ještě používá značku, je to velmi stará stránka a musí být přetvořena tak, aby odpovídala aktuálnímu webu navrhnout osvědčené postupy a moderní webové standardy.

Upravil Jeremy Girard