1. Do selektoru prvků zadejte atribut color:. Tato vlastnost určuje barvu textu vybraného prvku. Barva pozadí HTML textu je určena vlastností background-color. V našem příkladu tento atribut změní barvu hlavního textu, což je prvek, který obsahuje veškerý text na stránce:

1. Zadejte barvu textu. Existují tři způsoby, jak to provést: zadejte název, hexadecimální hodnotu nebo hodnota RGB. Například, aby byl text modrý, zadejte blue , rgb(0, 0, 255) nebo #0000FF :

1. Chcete-li změnit barvu různých prvků, přidejte další selektory. Chcete-li změnit barvu textu různé prvky barvu pozadí stránky nebo HTML textu, můžete použít různé selektory:

Tento titul bude zelený.

Tento odstavec bude modrý.

1. Určete styl CSS třída místo změny prvku. Před vytvořením barvy pozadí v HTML nebo změnou stylu prvku můžete určit stylová třída a poté jej aplikujte na libovolný prvek stránky. Například třída .redtext obarví text prvku červeně:

Tento název bude červený

Tento odstavec bude standardní.

Tento odstavec bude červený

Metoda 2: Použití vložených atributů stylu

1. Otevřete soubor HTML. Chcete-li změnit styl jednoho prvku stránky nebo barvu pozadí HTML, můžete použít vložené atributy stylu. To může být užitečné, pokud potřebujete provést jednu nebo dvě změny, ale nedoporučuje se to pro použití ve velkém měřítku. Chcete-li zcela změnit styl, použijte předchozí metodu:

1. Najděte prvek, který chcete změnit. Pomocí atributů inline stylu můžete změnit barvu textu libovolného prvku stránky. Chcete-li například změnit barvu textu konkrétního nadpisu, vyhledejte jej v souboru:

Toto záhlaví je třeba vyměnit

1. Přidejte k prvku atribut stylu. Uvnitř otevírací visačky vyměnitelný prvek zadejte style="":

Jak změnit barvu písma v html

Pokud máte nějaké znalosti o webových technologiích, měli byste vědět, že veškeré označení a obsah dokumentu je obsažen v souboru html a v souboru css styly zde jsou uloženy styly, které definují vzhled různých prvků. Je to tedy css, který musíme použít ke změně barvy písma a všeho ostatního.

V html jsou tagy, které umožňují aplikovat na text určité efekty, ale musíte uznat, že vymýšlet stovky tagů pro každý odstín by nebylo úplně rozumné. V css to můžete ovládat mnohem pohodlněji. Takto můžete například nastavit barvu písma pro prvek html body, tedy značku, která zahrnuje celý obsah stránky, která se zobrazuje na obrazovce.

tělo (barva: červená; )

K tělu stránky jsme přiřadili červenou barvu. Obdrží jej odstavce, seznamy, nadpisy a všechny ostatní prvky. To se bude dít, dokud nebudou styly těchto prvků předefinovány na jiné.

Barevné formáty záznamu

Možná máte nějaké znalosti o webdesignu? V tomto případě byste si měli uvědomit, že existují různé barevné režimy. Například rgb, rgba, hsl, hex atd. Samozřejmě, že nejjednodušší způsob, jak nastavit tón, je jednoduše napsat klíčové slovo. Udělali jsme to v příkladu výše, hodnota červená dělá písmena červená, modrá – modrá, hnědá – hnědá. To jsou jen názvy květin v angličtině.

Jediné, co v tomto případě potřebujete vědět, je jméno požadovanou barvu. Můžete si je prohlédnout na internetu v libovolné tabulce. Dalším oblíbeným způsobem nastavení barvy je její zapsání hexadecimální kód. Jedná se o tzv. hexadecimální formát. Příklady:

p( barva: #000; ) /* Text v odstavcích bude černý. */ table( color: #fff; ) /* Obsah v tabulkách bude bílý. */

Jak vidíte, musíte si zapsat mřížku a za ní kód barvy. Jak ho poznat? Můžete například otevřít Photoshop nebo jakýkoli jiný grafický editor, ve kterém se při výběru barvy zobrazí její hexadecimální kód. Můžete také využít službu online.

RGB je další populární formát záznamu. Jednoduše znamená červenou, zelenou, modrou. Barva v tomto formátu je nastavena takto:

#footer( barva: rgb(234, 22, 56); )

Prvek s id zápatí obdrží zadanou barvu. Podíl červené bude 234, zelené – 22, modré – 56. Tyto hodnoty lze zapsat od 0 do 255. Podle toho se náš odstín přiblíží červené. V Malování můžete přidat barvy do své palety změnou sytosti tří primárních barev.

Výhodou této metody je, že si můžete vybrat z milionů barev pouhou změnou tří čísel. Při psaní pomocí klíčových slov budete mít ve svém arzenálu jen pár stovek barev.

Rgba - průsvitný text!

Ano, je nový režim záznamy, které v grafické editory existuje již dlouhou dobu, ale ve webdesignu se objevil relativně nedávno. Píše se to takto:

a( rgba(255, 12, 22, 0,5); )

Poslední číslo v záznamu nastavuje průhlednost. Lze jej zapsat od 0 do 1, kde 1 je zcela neprůhledný text, tedy výchozí chování. V tomto případě se všechny odkazy zbarví červeně, ale díky průhlednosti bude jas barvy mnohem menší a pokud je pod odkazem další pozadí nebo prvek, bude vidět.

Špatný způsob nastavení barvy

V html je zastaralý atribut color a s jeho pomocí bylo možné napsat barvu textu pomocí klíčové slovo. Teď to snad ani nejde moderní prohlížeče a tato metoda skutečně porušuje obecně uznávané webové standardy. A je to také nepohodlné.

Jak určit barvu pro libovolný fragment

Dobře, mluvíme o barvě písma pro odstavce, odkazy a tabulky, ale to jsou pevné prvky, ale co když nakonec potřebujete definovat barvu pro jednu větu, jedno slovo, jedno písmeno?

Jednoduše uzavřeme požadovaný fragment span tagy. Napíšeme to dovnitř značky atribut třídy, kterému nastavíme libovolnou, ale srozumitelnou hodnotu. Například takto:

To je vše, teď už zbývá jen přistoupit k selektoru v css.

Chcete-li změnit písmo, použijte značku s atributem FACE. Písmo můžete určit podle názvu (Arial, Tahoma, Verdana) nebo typu (například monospace). Je vhodné uvést několik názvů písem, abyste předešli situaci, kdy se ukáže, že uživatel nemá nainstalované požadované písmo. Doporučuji použít alespoň jeden z obecně uznávaných fontů (například Arial). Nedoporučuji používat více než 2-3 na jedné stránce různá písma, jinak bude stránka vypadat nemotorně a neprofesionálně.