Tähän kysymykseen ei ole yhtä lopullista vastausta. Yleensä kun haluat muuttaa h1-elementin väriä HTML:ssä, sinun on käytettävä tyylisivua tai mallitiedostoa, joka sisältää erityiset ohjeet h1-elementtien värin muuttamiseen.
<h1 style="color:red;">This is a red heading</h1>
Tämä on rivi HTML-koodia. Se luo otsikkoelementin ja antaa sille tyyliattribuutin, jonka arvo on "color:red;". Tämä saa otsikkoelementin sisällä olevan tekstin näyttämään punaiselta.
Vaihda värit
On olemassa muutamia tapoja muuttaa värejä HTML:ssä. Yksi tapa on käyttää väriominaisuutta. Voit esimerkiksi käyttää väriominaisuutta muuttaaksesi elementin tekstin väriä:
Tekstini on sininen
Voit myös käyttää ominaisuuksia hsl() ja hsla() värien vaihtamiseen. Ominaisuus hsl() ottaa sävyarvon (asteina) ja hsla()-ominaisuus ottaa kylläisyysarvon (prosentteina). Voit esimerkiksi käyttää näitä ominaisuuksia muuttaaksesi elementin tekstin väriä:
Tekstini on sininen
Tekstini on vihreä
Hei, maailma!
inline css
Sisäinen css-tyyli on tyyli, joka sijoitetaan samaan HTML-elementtiin kuin sen tyylittelemä teksti. Tämä tarkoittaa, että css-koodia käytetään tekstissä sen hahmontamisen yhteydessä, eikä silloin, kun selain lataa ja jäsentää HTML-koodin. Tästä voi olla hyötyä sivujen latausaikojen nopeuttamisessa, koska css-tiedostoa käytetään paikan päällä sen sijaan, että se ladataan ja jäsennettäisiin uudelleen.
