Ako nastaviť farbu textu a popredia farbou kaskádových štýlov

Smieť 1, 2024

Pomocou textovej vlastnosti Cascading Style Sheets môžete ovládať farbu textu na webovej stránke alebo v časti (alebo prvku) webovej stránky. Okrem ovládania farby textu môžete tiež použiť vlastnosť farby CSS na nastavenie farby pre prvky horizontálneho pravidla a formulára. Pozrime sa na príklad, ktorý pomocou vlastnosti color nastavuje text v otvore

a zatváranie

značky na čiernu a farba prvku na červenú.

Základný kód CSS

príklad

tu ide text

Vaša emailová adresa

…

Každé pravidlo CSS obsahuje selektor a blok vyhlásení. Deklaračný blok CSS je umiestnený medzi otvorenými {a zatváracími} zloženými zátvorkami a obsahuje jeden alebo viac párov hodnota-hodnota pre každý selektor.

selektory

p
formulár

Prvé pravidlo CSS v našom príklade riadi farbu textu medzi ľubovoľnými

značiek na našej webovej stránke. P v

Značka je selektorom tohto pravidla a povie prehliadaču, aby nastavil text na čiernu. Druhé pravidlo používa selektor prvkov formulára pre značku na nastavenie farby textu „Vaša e-mailová adresa“ na červenú.

vlastnosti

farba:

Vlastnosť color je atribút, ktorý nastavuje farbu textu a farby popredia. V našom príklade sa vlastnosť color používa na nastavenie farby pre prvky p a form. Všimnite si, že za názvom vlastnosti nasleduje dvojbodka (:).

hodnoty

#000000;
červená;

Na nastavenie hodnoty farby môžete použiť názov farby, hexadecimálny kód farby alebo kód farby RGB. V našom príklade sme použili hexadecimálny farebný kód (# 000000) pre prvok p a názov farby (červený) pre prvok formulára. Mohli sme použiť aj farebný kód RGB RGB (100%, 0%, 0%). Všimnite si, že za hodnotou farby nasleduje bodkočiarka (;).

Video Návody: HTML 17: Typografia, webové fonty a štýlovanie textu v CSS (Smieť 2024).

Ako nastaviť farbu textu a popredia pomocou kaskádových štýlov Farba vlastnosti, HTML, farba vlastnosti CSS, ako používať vlastnosť farby, ako nastaviť farbu textu na webovej stránke pomocou CSS, ako nastaviť farbu textu horizontálne pravidlo na webovej stránke s CSS, ako pomocou CSS nastaviť farbu prvku formulára

Predchádzajúci Článok

Nasledujúci Článok

Súvisiace Články

počítače

Stanovenie cieľov

Smieť 2024

Prichádzajú vaše ciele s cieľmi?? Tento zoznam je zvyčajne zoznam krokov, ktoré je potrebné podniknúť pri dosahovaní vašich hlavných cieľov. Zoznam sa považuje za ciele na dosiahnutie želaného cieľa....

počítače

Novinky o vydaní Nintendo Wii

Smieť 2024

Nintendo Wii bude uvedené na trh 19. novembra 2006. Vďaka tomu je poslednou z troch hlavných konzol, ktorá vydala svoju novú verziu. Je to tiež najlacnejšie! XBox 360 je už rok a predáva sa za ceny...