God typografisk design er en viktig del av et vellykket nettsted. CSS gir deg god kontroll over utseendet på tekst på websidene du bygger. Dette inkluderer evnen til å endre fargen på alle skrifter du bruker.
Nedenfor ser vi på å endre skriftfargen ved hjelp av et eksternt stilark og en stil som brukes i en avsnittetikett. Du kan bruke samme stilegenskap for å endre skriftfargen på en hvilken som helst tag som omgir tekst, inkludert stikkord.
Legge til stiler for å endre fontfarge
For dette eksempelet må du ha et HTML-dokument for å se CSS-endringene og en egen CSS-fil som er vedlagt dette dokumentet. Vi skal spesielt se på avsnittet element.
Hvis du vil endre tekstfargen for hvert avsnitt i HTML-filen, går du til det eksterne stilarket og skriver inn p {}. Plasser farge eiendom i stilen etterfulgt av en kolon, som p {farge:}. Deretter legger du til fargevarianten etter eiendommen, og avslutter den med en semikolon: p {farge: svart;}.
Fargeverdier kan uttrykkes som fargesøkeord, RGB-fargetal eller heksadesimale fargetall. I vårt eksempel blir avsnittet tekst endret til fargen svart.
Men hvis du vil endre tekstfargen til grønn, blå, rød, etc., bruker fargesøkeordene ikke deg fleksibiliteten du kanskje vil lage forskjellige nyanser. Det er der heksadesimale verdier kommer inn for å spille.
p {farge: # 000000; }
Denne CSS-stilen kan brukes til å farge avsnittene dine svart fordi heksekoden # 000000 oversettes til svart. Du kan til og med bruke stenografi med den hex-verdien og skrive den som # 000 med de samme resultatene. p {farge: # 2f5687; }
Som vi nevnte ovenfor, fungerer hex-verdier godt når du trenger en farge som ikke bare er svart eller hvit. Den ovennevnte CSS hex-verdien vil sette avsnittene til en blå farge, men i motsetning til søkeordet "blå", gir denne heksekoden deg muligheten til å angi en veldig spesifikk nyanse av blått, en midtlinje, skifer-lignende blå i dette tilfellet . p {farge: rgba (47,86,135,1); }
Til slutt kan du også bruke RGBA farger for fontfarger. RGCA støttes i alle moderne nettlesere, slik at du kan bruke disse verdiene med tillit om at det vil fungere for de fleste seere, men du kan også sette en enkel nedgang. Denne RGBA-verdien er den samme som skiferblå farge som er angitt tidligere. De tre første verdiene angir de røde, grønne og blå verdiene, og det endelige tallet er alfainnstillingen for gjennomsiktighet. Alfainnstillingen er satt til 1 til 100 prosent, slik at denne fargen ikke har noen gjennomsiktighet. Hvis du setter den verdien til et desimaltall, som .85, blir det omtalt til 85 prosent og fargen vil være litt gjennomsiktig. p { farge: # 2f5687; farge: rgba (47,86,135,1);}
Hvis du vil kollisett dine fargeverdier, må du etterligne den ovennevnte CSS-koden. Denne syntaksen setter heksekoden først og overskriver deretter den verdien med RGBA-nummeret. Dette betyr at en eldre nettleser som ikke støtter RGBA, får den første verdien og ignorerer den andre. Skriftfarger kan endres med et eksternt stilark, et internt stilark eller inline styling i HTML-dokumentet. Best practices dikterer imidlertid at du bør bruke et eksternt stilark for dine CSS-stiler. Et internt stilark, som er stiler skrevet direkte i "hodet" til dokumentet, brukes vanligvis bare til små nettsider på en side. Inline-stiler bør unngås, siden de er lik de gamle "font" -tegnene vi behandlet mange år siden. Disse inline-stilene gjør det svært vanskelig å administrere skrifttypestil siden du må endre dem ved alle forekomster av inline-stilen. Andre måter å utforme en HTML-side på
