Kuinka käyttää fonttivärilappuja HTML-muodossa

Sisältö

• vaiheet
• Tapa 1 Käytä HTML-tunnisteita
• Tapa 2 Käytä CSS-tunnisteita

HTML-kirjasintunniste on nyt vanhentunut, ja ammattimaisten kehittäjien tulee välttää sen käyttöä. Vaikka fontin värin muuttaminen henkilökohtaisessa projektissa on hyvin helppoa, ei ole mitään takeita siitä, että fontti toimii edelleen selainten päivityksessä. Parhaan tuloksen saamiseksi sinun tulisi käyttää menetelmää CSS: n kanssa.

vaiheet

Tapa 1 Käytä HTML-tunnisteita

1. 
   

   
   Luo fonttitunniste. Laita tagi e, jonka haluat värittää. Sulje se asettamalla e. lopussa
   • Esimerkiksi:
     Haluan tämän olevan sinisellä

2. 
   

   
   Lisää värin attribuutti. lisätä väri = "" avauskilven sisällä. Tämän jälkeen sinun on laitettava valitsemasi väri lainausmerkeihin (englanniksi).
   • Esimerkiksi:
     Haluan tämän olevan sinisellä

3. 
   

   
   
   
   Valitse värin nimi. Se on aina yksinkertainen englanninkielinen sana ilman tilaa. Kokeile yksinkertaisia ​​nimiä, kuten "sininen", "punainen" tai jotain tarkempaa, kuten "vaaleansininen" (tummansininen) tai "tummansininen" (tummansininen). Jos haluat lisää valintoja, etsi luettelo hyväksytyistä värinimistä, kuten punapunainen, teräs sininen ja kalkki.
   • Esimerkiksi:
     Haluan tämän olevan sinisellä

4. 
   

   
   Käytä sen sijaan heksadesimaalikoodia. HTML antaa sinun valita miljoonista väreistä, mutta niille ei aina ole nimiä. Sen sijaan käytät kuusinumeroista koodia järjestelmässä, jota kutsutaan heksadesimaaliksi. Monet sivustot tarjoavat heksadesimaalikoodiluetteloita väreille tai voit myös valita värin suoraan näytöltä saadaksesi koodin. Numero alkaa merkillä #, jota seuraa kuusi numeroa, jotka koostuvat numeroista 0–9 ja kirjaimista d – F.
   • Koodi # FF0000 on sama kuin punaisella merkitty "punainen".
   • Tämä koodi tuottaa vihreän värin.
   • Tämä koodi tekee e: stä sinisen.

5. 
   

   
   
   
   Pelaa RGB-arvoilla. Sinun ei tarvitse tietää kuinka heksadesimaalinen värikoodi toimii valitaksesi haluamasi värin Internetistä löytyvältä paletilta. Jos haluat kuitenkin tehdä useita kokeita, sinun on aloitettava perusteista.
   • Jokainen kuusinumeroinen numero on jaettu arvoihin punaisella, vihreällä ja sinisellä (tai "RGB" punaisella, vihreällä, sinisellä). Esimerkiksi koodi # FF0000 tarkoittaa oikeastaan ​​"punainen: FF, vihreä: 00, sininen: 00".
   • Jos haluat muuttaa punaisen määrää, muuta kaksi ensimmäistä numeroa. Voit käyttää arvoa välillä 00 (ei punaista ollenkaan) - 99 (vähän punainen) ja välillä AA (vähän enemmän punaista) ja FF (punainen maksimiarvo).
   • Käytä samaa järjestelmää muuttaaksesi vihreän (kaksi keskimmäistä numeroa) ja sinisen (kaksi viimeistä numeroa) arvoa.

6. 
   

   
   Ymmärrä koodi perusteellisesti. Saadaksesi tarkempi värivalinta, sinun on ymmärrettävä kaksi muuta käsitettä.
   • Jokainen näistä kolmesta arvosta on tehty kaksinumeroisesta numerosta. Pienten muokkausten tekemiseksi voit muuttaa toisen numeron. Esimerkiksi: #850000 ja #890000 ovat hyvin samankaltaisia, mutta # A50000 on paljon selkeämpi.
   • RGB-arvot sekoitetaan lisäaineen värisynteesijärjestelmän perusteella. Punainen ja vihreä merkki keltainen, sininen ja vihreä merkki syaani ja punainen ja sininen merkki purppura .

Tapa 2 Käytä CSS-tunnisteita

1. 
   

   
   Lisää "style" -attribuutti tunnisteeseen. Tämän ominaisuuden avulla voit laittaa CSS: n suoraan HTML-tunnisteeseen. Se on yksinkertainen tapa muuttaa väriä, vaikka et tiedä CSS: ää. Kokeile laittaa se johonkin seuraavista tunnisteista:

   • p-tunniste ympäröi kappaleen e

   • tunniste on ympäröinut linkin
   • Käytä span-tagia muuttaaksesi osan e väriä muuttamatta muotoa

2. 
   

   
   Ilmoita väri. Insert väri: jota seuraa väri- tai heksadesimaalikoodi lainausmerkkien sisällä. Lisätietoja värinimistä on edellisen menetelmän esimerkeissä.
   • E on nyt punainen.
   • Tässä on tumman oliivinvihreä koodi.
   • CSS tukee kolminumeroisia lyhennettyjä värikoodeja. Koodi 745 on lyhenne 774455.

3. 
   

   
   Käytä CSS-luokkia. Jos haluat käyttää samaa tyyliä kaikkiin valokuviin tai kaikkiin otsikkoihin, sinun ei tarvitse toistaa samaa koodia joka kerta. Sen sijaan voit määrittää luokan asiakirjan otsikossa, jotta voit viitata siihen myöhemmin aina, kun haluat käyttää samaa tyyliä. Tässä on esimerkki "style" -attribuutin useiden käyttötapojen näyttämisestä.
   • Kohdassa kopioi seuraava koodi:
     
   • Käytä attribuuttia saman dokumentin rungossa lisätäksesi tämän tyylin tuotteeseen. Esimerkiksi:

     tämä kohta

     ilmestyy tummanvihreällä ja laajalla Cursive-fontilla.
   • Tiedä, että sinun ei tarvitse kutsua luokasi "fancy", voit antaa sille haluamasi nimen.