Jegyzet html - megváltoztathatja a szöveg és a háttér színét

Ebben a leckében megtanuljuk, hogyan kell változtatni a háttér színét és a szöveg bármely HTML-oldal elemeit. Általában HTML Egyes címkék speciális attribútumok színe megváltozik, például bgcolor (háttérszín). De először is, ezek a tulajdonságok elavult (Azt hiszem, emlékszem, hogy ez mit jelent), másrészt, mint már mondtam, hogy nem az összes tag. Tehát, mondjuk meg akarja változtatni a háttér színét a bekezdés szövegét. És hogyan csinálod, mert a címke

nincs ilyen tulajdonság? Ezért, ahogy az előző leckében fogjuk használni stílusok (CSS), akkor van egy univerzális tulajdonság stílusban. amely lehetővé teszi számunkra, hogy változtatni a színét, ha akarjuk.

Hogyan adhatok meg a színeket?

Színek lehet beírni többféleképpen HTML (és CSS), megmutatom neked a legnépszerűbb és legelterjedtebb:

  • Neve szín - HTML egy nagy listát a színek nevét és adja meg a szín, csak írni a nevét angolul, mint például: piros, zöld, kék.
  • HEX-kód szín - egyáltalán bármilyen szín keverésével nyert különböző arányban a három alapszínre - piros, zöld és kék. HEX-kód - három pár hexadecimális értékek felelős az összeg ezek a színek, minden színben. Mielőtt a színkódot kell tenni a kettőskereszt (#), például: # FF8C00, # CC3300 és így tovább.

Korábban a HTML javasolta, hogy csak biztonságos színpaletta. amely garantálja, hogy megjelenik minden böngészőben és minden monitorok ugyanúgy. De ma, ez nem feltétlenül csak a márka, mind a böngészők és a monitorok már régóta megtanulta helyesen jelenítse sokkal nagyobb színlista. De adja színek nevét, csak te és én nem ajánlom, az tény, hogy sok böngésző még mindig ugyanazt a nevet, amelyhez eltérő színű. Ezért ez a bemutató fogom mindig azt a színt HEX-kódokat.

Hogyan változtassuk meg a szöveg színét?

Ahhoz, hogy változtatni a színét a szöveg bármely elem HTML-oldalak meg kell adni a stílus attribútum a tag. Összességében az alábbi szintaxist:

<тег style= "color:имя цвета">. - jelzi a szöveg színét név szerint.

<тег style= "color:#HEX-код">. - jelzi a szöveg színét kódot.

És mint mindig, hogy módosítsa a szöveg színét az egész oldalon - elég, hogy jelezze a stílus attribútum a tag . És ha meg akarja változtatni a színét a szöveges rész, majd helyezze azt címke és attribútum alkalmazása rá.

Példa a szöveg megváltoztatása szín

Az eredmény a böngészőben

Red szöveges fejléc

Kék bekezdésszöveg.

Zöld dőlt. Piros szöveget.

Hogyan változtassuk meg a háttér színét?

A háttér színe bármely oldal elem is változik, a stílus attribútum. Az általános szintaxis:

<тег style= "background:имя цвета">. - annak megjelölése, a háttér színe név szerint.

<тег style= "background:#HEX-код">. - annak megjelölése, a háttér színét kódot.

Egy példa a változó a háttérszínt

Az eredmény a böngészőben

Cím.

Félkövér szöveg. Egyszerű szöveg.

Ha megváltoztatja a háttér színét az elemek, akkor lesz nagyon jól látható, ami valójában elfoglalja a szélessége mindegyikre. Mint látható, block-szintű elemek, mint a bekezdések, fejezetek, többnyire elfoglalják a teljes szélesség van, akkor is, ha igen kis mennyiségben tartalmaznak szöveget, hanem beágyazott (inline) tag egyenlő szélességű, hogy annak tartalmát. Egyébként, az utolsó bekezdés a példa is veszi fel a teljes szélességében csak az ő háttér átlátszó, így látható a oldal háttere. Általában a háttérben minden elem az oldalon, ahol ez nem állapítható meg egyértelműen, - tiszta, ennyi az egész.

  1. Hozzon létre egy kiemelt cikket, és annak két részből áll. Írja a cikk elején és minden fejezet egy bekezdés.
  2. Cserélje ki a teljes oldalt a Courier betűméret 16px, a cikk címe - 22px, míg az alfejezetek a 19px.
  3. Hagyja, hogy a fejléc cikk a szöveg színe # 0000CC, míg a felirat - # CC3366.
  4. Kiemelés háttér színe # 66CC33 két szó a második bekezdésben. És a harmadik bekezdésben az azonos színű, de az egyik aláhúzott szó.
  5. Ne felejtsük el, hogy az érték a style attribútum lehet csoportosítani helyezve között pontosvesszővel (;).