Cum se schimbă culoarea textului în HTML

În HTML, culoarea textului variază utilizând eticheta , Dar această metodă nu mai este acceptată în HTML5. În loc de eticheta specificată, trebuie să utilizați CSS pentru a seta culoarea textului diferitelor elemente de pagină. Utilizarea CSS asigură faptul că pagina web va fi compatibilă cu orice browser.

Pași

Metoda 1 din 2:

Folosind CSS

unu. Deschideți fișierul HTML. Cea mai bună modalitate de a schimba culoarea textului este de a utiliza CSS. Etichetă veche Nu mai sunt acceptate în HTML5. Deci, utilizați CSS pentru a determina stilul elementelor de pagină.

Această metodă se aplică și tabelelor de stil extern (fișiere CSS individuale). Următoarele exemple sunt destinate fișierului HTML cu tabelul de stil intern.

2. Porniți cursorul în interiorul etichetei . Stilurile sunt definite în interiorul acestei etichete, dacă este utilizată foaia de stil intern.

3. introduce , Pentru a crea o foaie de stil intern. Când eticheta

4. Introduceți elementul a cărui culoare trebuie schimbată. Utilizați secțiunea

{}

cinci. În selectorul de elemente, introduceți atributul Culoare:. Acest atribut definește culoarea textului elementului selectat. În exemplul nostru, acest atribut va schimba culoarea textului principal, care este un element care include întregul text de pe pagină:

 {Culoare:}

6. Introduceți culoarea textului. Acest lucru se poate face în trei moduri: Introduceți un nume, introduceți valoarea hexazecimală sau introduceți valoarea RGB. De exemplu, pentru a face textul albastru, introduceți Albastru, RGB (0, 0, 255) sau # 0000FF.

 {Culoarea rosie-}

7. Adăugați alți selectori pentru a schimba culoarea diferitelor elemente. Puteți utiliza diverși selectori pentru a schimba culoarea textului diferitelor pagini:

 {Culoare: Red-} H1 {Culoare: # 00ff00-} P {Culoare: RGB (0,0,255)}Acest titlu va fi verde.Acest paragraf va fi albastru.Acest text de bază va fi roșu.

opt. Specificați clasa de stilist CSS în loc să schimbați elementul. Puteți specifica clasa de stil, apoi aplicați-o la orice element de pagină pentru a schimba stilul elementului. De exemplu, clasa .Redtext va picta textul elementului la care se aplică această clasă, în roșu:

 {Culoarea rosie-} clasa ="Redtext"> Acest titlu va fi paragraful Redextot va fi standard. clasa ="Redtext"> Acest paragraf va fi roșu

Metoda 2 din 2:

Folosind atributele încorporate

unu. Deschideți fișierul HTML. Puteți utiliza atributele de stil încorporat pentru a schimba stilul unui element de pagină. Poate fi utilă dacă aveți nevoie să faceți una sau două schimbări în stil, dar nu este recomandată pentru utilizarea pe scară largă. Pentru a schimba complet stilul, utilizați metoda anterioară.

2. Găsiți elementul pentru a schimba.Folosind atributele stilului încorporat, puteți modifica culoarea textului oricărui element de pagină. De exemplu, pentru a schimba culoarea textului unui antet specific, găsiți-l în fișier:

Acest titlu trebuie schimbat

3. Adăugați atributul de stil la element. În interiorul etichetei de deschidere a elementului variabil, introduceți Stil ="":

 Stil =""> Acest titlu trebuie schimbat

4. Interior "" introduce Culoare:. De exemplu:

 Stil ="Culoare:"> Acest titlu trebuie schimbat

cinci. Introduceți culoarea textului. Acest lucru se poate face în trei moduri: Introduceți un nume, introduceți valoarea hexazecimală sau introduceți valoarea RGB. De exemplu, pentru a face textul galben, introduceți Galben-, RGB (255,255,0)- sau # FFFF00-:

 Stil ="Culoare: # FFFF00-"> Acest titlu a devenit galben

sfaturi

Lista culorilor acceptate și valorile lor hexazecimale pot fi găsite pe site http: // w3schools.Com / culori / culori_names.ASP