html farba odseku. Nastavte farbu textu. Atribút farby značky písma

Ak chcete zmeniť farbu textu, potrebujete poznať názov farby alebo jej hexadecimálny kód. Kód pozostáva zo symbolu libry # a čísla reprezentujúceho intenzitu červenej, zelenej a modrej zložky farby. Iba 16 štandardných farieb môže byť označených názvom.

Farba názvu Kód aqua ##00FFFF čierna ##000000 modrá ##0000FF fuchsiová ##FF00FF šedá ##808080 zelená ##008000 limetková ##00FF00 gaštanová ##800000 námornícka ##000080 olivová ##8080000 červená ##8 FF0000 strieborná ##C0C0C0 modrozelená ##008080 biela ##FFFFFF žltá ##FFFF00

ako zmeniť farbu písma v html

Ak sa aspoň trochu orientujete vo webových technológiách, mali by ste vedieť, že všetky značky a obsah dokumentu sú obsiahnuté v súbore html a štýly, ktoré určujú vzhľad rôznych prvkov, sú uložené v súbore štýlu css. Takže je to css, ktorý musíme použiť na zmenu farby písma a všetko ostatné.

V html existujú značky, ktoré umožňujú aplikovať na text určité efekty, no musíte uznať, že by nebolo úplne rozumné vymýšľať stovky značiek pre každý odtieň. V css to môžete ovládať oveľa pohodlnejšie. Takto môžete napríklad nastaviť farbu písma pre prvok html body, teda značku, ktorá zahŕňa celý obsah stránky zobrazený na obrazovke.

telo (farba: červená; )

Telo stránky sme napísali tak, aby bolo červené. Dostanú ho odseky, zoznamy, nadpisy a všetky ostatné prvky. To bude dovtedy, kým štýly pre tieto prvky nebudú prepísané inými.

Farebné formáty záznamu

Možno máte trochu vedomostí v oblasti web dizajnu? V tomto prípade by ste si mali uvedomiť, že existujú rôzne farebné režimy. Napríklad rgb, rgba, hsl, hex atď. Samozrejme, najjednoduchší spôsob, ako nastaviť odtieň, je jednoducho napísať kľúčové slovo. Urobili sme práve to, že vo vyššie uvedenom príklade červená robí písmená červenými, modrá ich robí modrými a hnedými hnedými. Toto sú len názvy farieb v angličtine.

Jediné, čo v tomto prípade potrebujete vedieť, je názov požadovanej farby. Môžete si ich vyhľadať na internete v ktorejkoľvek tabuľke. Ďalším populárnym spôsobom určenia farby je zapísanie jej hexadecimálneho kódu. Toto je takzvaný hexadecimálny formát. Príklady:

p( farba: #000; ) /* Text v odsekoch bude čierny. */ tabuľka( farba: #fff; ) /* Obsah v tabuľkách bude biely. */

Ako vidíte, musíte si zapísať mriežku, po ktorej kód farby. Ako ho spoznať? Môžete napríklad otvoriť Photoshop alebo akýkoľvek iný grafický editor, ktorý pri výbere farby zobrazuje svoj hexadecimálny kód. Môžete tiež využiť službu online.

Rgb je ďalší populárny formát nahrávania. Znamená to jednoducho - červená, zelená, modrá. Farba v tomto formáte je nastavená takto:

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

Prvok s ID pätou získa zadanú farbu. Podiel červenej bude 234, zelenej - 22, modrej - 56. Tieto hodnoty možno zapísať od 0 do 255. Podľa toho sa náš odtieň priblíži k červenej. V programe Maľovanie môžete pridať farby do palety zmenou sýtosti troch základných farieb.

Výhodou tejto metódy je, že jednoduchou zmenou troch čísel si môžete vybrať z miliónov farieb. Pri písaní s kľúčovými slovami budete mať vo svojom arzenáli len niekoľko stoviek farieb.

Rgba - priesvitný text!

Áno, ide o nový režim nahrávania, ktorý je v grafických editoroch už dlhšie, no vo webdizajne sa objavil pomerne nedávno. Píše sa to takto:

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

Posledné číslo v položke určuje priehľadnosť. Dá sa písať od 0 do 1, kde 1 je úplne nepriehľadný text, čo je predvolené správanie. V tomto prípade sa všetky odkazy sfarbia na červeno, ale vďaka priehľadnosti bude jas farby oveľa menší a ak je pod odkazom ďalšie pozadie alebo prvok, bude viditeľný.

Nesprávny spôsob nastavenia farby

HTML má zastaraný atribút color a bolo možné napísať farbu textu pomocou kľúčového slova. Teraz to nemusí fungovať ani v moderných prehliadačoch a vo všeobecnosti táto metóda porušuje všeobecne uznávané webové štandardy. A tiež je nepríjemný.

Ako definovať farbu pre ľubovoľný fragment

Dobre, hovoríme tu o farbe písma pre odseky, odkazy a tabuľky, ale toto sú pevné prvky, ale čo ak potrebujete definovať farbu pre jednu vetu, jedno slovo, jedno písmeno?

Požadovaný fragment jednoducho uzavrieme do značiek span. Do vnútra tagu napíšeme atribút class, ktorému nastavíme ľubovoľnú, no zrozumiteľnú hodnotu. Napríklad takto:

Všetko, teraz zostáva len odkazovať na selektor v css.

V tomto návode sa pozrieme na posledný atribút značky. A, ktoré určuje farbu textu. V predvolenom nastavení je text čierny na bielom pozadí. Komu zmeniť farbu textu v html, musíte použiť atribút color značky :