Textbook html - schimba culoarea textului și a fundalului

anterior ◈ următoarea

În această lecție veți învăța cum să se schimbe culoarea de fundal și textul tuturor elementelor HTML-pagină. În general, în HTML, unele tag-uri au atribute speciale schimba culoarea, de exemplu, bgcolor (culoare de fundal). Dar, în primul rând, aceste atribute sunt depășite (cred că vă amintiți ce înseamnă că), și în al doilea rând, după cum am spus, ele nu sunt toate etichetele. Deci, să presupunem că doriți să schimbați culoarea de fundal a textului de paragraf. Și cum o faci, pentru că tag-ul

nu există nici un astfel de atribut? Prin urmare, la fel ca în lecțiile anterioare, vom folosi stiluri (CSS), atunci există un stil de atribut universal. care ne va permite să schimbe culoarea în cazul în care dorim să.







Cum pot specifica culorile?

Culorile pot fi introduse în mai multe moduri în HTML (si CSS), vă va arăta cele mai populare și răspândite:

  • Numele de culoare - HTML are o listă mare de culori cu nume și pentru a specifica culoarea, trebuie doar să scrie numele său în limba engleză, cum ar fi: roșu, verde, albastru.
  • HEX-cod de culoare - absolut orice culoare poate fi obținută prin amestecarea în diferite proporții ale celor trei culori de bază - roșu, verde și albastru. HEX-cod - trei perechi de valori hexazecimale sunt responsabile pentru suma acestor culori în fiecare culoare. Înainte de codul de culoare aveți nevoie pentru a pune un semn de lire (#), de exemplu: # FF8C00, # CC3300 și așa mai departe.

Mai devreme în HTML recomandat să utilizați numai paleta de culori în condiții de siguranță. care este garantat pentru a fi afișate în toate browserele și pe toate monitoarele în același mod. Dar astăzi, nu se limitează în mod necesar la brand, deoarece ambele browsere și monitoarele au învățat mult timp pentru a afișa în mod corespunzător o listă mult mai mare de culori. Dar specifică culorile după nume, eu doar tu și eu nu recomand, este faptul că multe browsere în continuare cu același nume este asociat cu o culoare diferită. Prin urmare, în acest tutorial voi folosi întotdeauna culoarea HEX-coduri.







Cum de a schimba culoarea textului?

Pentru a schimba culoarea textului în orice element HTML-pagini trebuie să fie specificate în atributul stil al etichetei. În general, următoarea sintaxă:

<тег style= "color:имя цвета">. - indicarea culorii textului după nume.

<тег style= "color:#HEX-код">. - indicarea culorii codului de text.

Și, ca de obicei, pentru a schimba culoarea textului pe toată pagina - este suficient pentru a indica atributul style în tag-ul . Și dacă doriți să modificați culoarea fontului pentru fragmentul de text, apoi includeți în etichetă și se aplică un atribut la acesta.

Exemplu de a schimba culoarea textului

Rezultatul în browser

antet text roșu

Textul paragrafului albastru.

italice verde. Roșu text.

Cum se schimba culoarea de fundal?

Culoarea de fond a oricărui element de pagină este schimbată folosind atributul style. Sintaxa generală este:

<тег style= "background:имя цвета">. - o indicație a culorii de fundal după nume.

<тег style= "background:#HEX-код">. - o indicație a codului de culoare de fundal.

Un exemplu de schimbare a culorii de fundal

Rezultatul în browser

Titlu.

Text Bold. Text simplu.

Când modificați culoarea de fundal a elementelor, devine foarte clar vizibil, care ocupă de fapt lățimea fiecăreia dintre ele. După cum puteți vedea, elemente de nivel bloc, cum ar fi punctele, pozițiile, cea mai mare parte ocupă întreaga lățime disponibile, chiar dacă acestea conțin foarte puțin text, dar (inline) tag-uri încorporate sunt egale în lățime la conținutul său. De altfel, ultimul paragraf, în exemplul de asemenea, preia întreaga lățime de doar trecutul lui este transparent, astfel încât să fie vizibilă prin fundalul paginii. În general, fundalul tuturor elementelor de pe pagina în care este nu specifică în mod clar - clar, asta e tot.

  1. Creați un articol de titlu și două secțiuni ale sale. Scrieți la începutul articolului și fiecare secțiune un paragraf.
  2. Înlocuiți întreaga pagină cu dimensiunea 16px fontului Courier, la titlul articolului - 22px, în timp ce sub-rubrici ale 19px.
  3. Lăsați articolul antet este culoarea textului # 0000CC, în timp ce subtitrari - # CC3366.
  4. Evidențiați culoare de fundal # 66CC33 două cuvinte, în al doilea paragraf. Și în al treilea paragraf din aceeași culoare, dar un singur cuvânt subliniat.
  5. Nu uitați că valoarea atributului de stil pot fi grupate prin plasarea lor între punct și virgulă (;).






anterior ◈ următoarea