Ako používať CSS na zmenu farby písma

Chcete vylepšiť svoj web rôznymi farbami písma? Môžete to urobiť pomocou CSS. CSS je skratka pre Cascading Style Sheets a je predvoleným jazykom používaným na vytváranie a správu štýlu akejkoľvek webovej stránky.

Existujú tri spôsoby použitia CSS na HTML dokument. Sú to inline CSS, interné/vložené CSS a externé CSS.

Prvý spôsob: Inline CSS

Ak chcete zmeniť farbu písma v CSS, budete musieť vytvoriť pravidlo CSS na nastavenie hodnota vlastnosti farby.

Inline metóda používa vlastnosť style, ktorú môžete použiť na takmer akýkoľvek prvok. Tu je príklad, ktorý nastaví farbu písma odseku HTML na červenú:

Odsek textu

Rovnaký efekt môžete dosiahnuť pomocou interného/vloženého CSS alebo externého CSS.

Metóda dva: Interné/vložené CSS

Túto metódu môžete použiť, keď chcete vytvoriť pravidlá CSS, ktoré ovplyvňujú viac ako jednu inštanciu prvku HTML, ale iba na jednej stránke. Pravidlá CSS sa potom zapíšu do hlavičky stránky HTML pomocou prvku štýlu:

Tretia metóda: Externé CSS

Tretím spôsobom, ako dosiahnuť rovnaký efekt, je použitie externej šablóny so štýlmi CSS. Pomocou textového editora vytvorte súbor s príponou „.css“. Bežnou praxou je nazývať tento súbor nejako takto

stylesheet.css ale môžete ho pomenovať akokoľvek, pokiaľ ponecháte príponu „.css“.

Ak chcete zafarbiť text tela na zeleno, napríklad pomocou externej šablóny so štýlmi, jednoducho prilepte pravidlo CSS takto:

p { farba: modrá }

Vo svojom dokumente HTML by ste mali zahrnúť odkaz na svoju šablónu so štýlmi v prvku hlavičky HTML:

Odsek textu

Zmena farby písma v HTML bez použitia CSS

Najlepšou praxou je použiť CSS, ale tu je postup, ako zmeniť farbu písma iba pomocou HTML:

Odsek textu

Prvok písma spolu s jeho atribútom farba je zastaraný. Je to preto, že sú skôr prezentačnými ako štrukturálnymi prvkami. Moderné HTML by malo pozostávať iba zo štrukturálnych prvkov.

Zmena farby písma v CSS je pomerne jednoduchá

Ukázali sme vám tri spôsoby zmeny farby písma v CSS. Tiež sme vám ukázali, ako to urobiť starým spôsobom pomocou značky písma HTML. Vyskúšajte ich a zistite, ktoré vám najviac vyhovuje!

Keď si osvojíte zmenu farby písma pomocou CSS a HTML, možno budete chcieť zvládnuť zmenu veľkosti písma v HTML.

Ako zmeniť veľkosť písma HTML v CSS

Prečítajte si ďalej

O autorovi