U bonalizazione tipografica hè una parte impurtante di un situatu successu di u situ web. CSS ci dessi un grande cuntrollu di l'apparizione di u testu nantu à e pagine web chì e paese web custruiscenu. Questu incluye a capacità di cambià u culore di qualsiasi funti chì avete usatu.
Font colors pò esse cambiatu cù una stile di stili esterni , una stile di stili internu , o pò esse cambiatu cù un stile in linea da u documentu HTML. I pratichi prudenu dicenu chì avete aduprà una stile di stile esterna per i vostri stili CSS. Una carta di stile interna, chì sò stili scritte direttamente in a "cume" di u vostru ducumentu, sò generalmente solu utilizati per siti chjuchi di una sola pàgina. I stile inline sò sempre esse evitati, postu ch'elli ponu in quantu à l'anziani "fasciali", tagghji chì avemu travagliatu parechje anni fà. Quelli stili inline sò assai difficili per gestionà l'istile di fonteneru postu chì avete bisognu di cambià in ogni casu di l'inline style.
In questu articulu, avete bisognu di cambià u culore di fontu cù una carta di stile esterni è un stilu chì hè utilizatu in un paràgrafale tag. Pudete applicà a listessa propria struttura di cambià u culore di fontu nantu à qualsiasi tag chì circonda u testu, cumpresa l'tag
.Adding Styles per cambià a Font Color
Per questu esempiu, avete bisognu à avè un documentu HTML per u marcatu di a pàgina è un schedariu CSS separatu chì hè attaccatu à quellu documentu. U ducumentu HTML puderà fà una quantità d'elementi in questu. Quellu chì si preoccupa cù u scopu di stu articulu hè l'elementu di paràgrafu.
Eccu cumu per cambià u chjaru di fontu di u testu in paràmetuli di paràgrave cù a vostra stiledda di stile.
U valuri di colore pò esse espressi cum'è parole di colore, numeri di colore RGB, o numeri di cume di culore.
- Aghjunghje l'attributu stilettu per l'tag di paràgrafu:
- p {}
- Pone a pruprietà di culore in stile. Pòngule culone dopu una pruprietà:
- p {color:}
- Allora aghjunghje u vostru vale di culore dopu à a pruprietà Assicuratevi per finisce quì valore cun un punteddu:
- p {color: black;}
I paragrafi in a vostra pagina sò nuvole.
Questu esempiu utilizà una chjave di culore - "nìvuru". Hè una manera di aghjunghje culore in CSS, ma hè assai limitata. Utilizare e persone per "nìvuru" è "biancu" hè diretta, postu chì quelli dui culori sò assai specifici, ma chì passa se utilizate chjavi com'è "red", "blue", o "green"? Eghjughe ciò chì ombra di rossi, blu, o verdi sarete? Ùn pudete micca esse precisamente chì culori chjudaranu di voi cù e parole. Hè per quessa li valori hexadecimali sò spessu usati in u locu di i chjavi di u culore.
p {color: # 000000; }
Questu stil CSS puderia puru settore u culore di i vostri paragrafi in u nìuru, perchè u codice hexu di u numeru 000000 traduce à u neru. Pudete ancu aduprà strumentulugia cù u valore di u valore e scrivintilu cum'è un centru 000 è avete da vene u listessu cosa.
Comu avemu digià chjamatu, i valori di i valori sò travagliati bè quandu avete bisognu di un culore chì ùn hè micca solu nìvuru o biancu. Eccu unempiu:
p {color: # 2f5687; }
Stu valore di u valore setaria i paràgrafi à u culore biancu, ma à u cuntrariu di a keyword "blu", questu codice hà aprite l'abilità di stabilisce un sombra spicchiu di u celu - prubabile chjamatu chì u designer tria ellu quandu anu criatu l'interfaccia per stu situ web. In questu casu, u culore seria un gaddinu mediu, blu arraggiatu.
Finalmente, pudete aduprà i valori di colore di RGBA per i culori tipichi. RGCA hè supportatu in tutti i navigatori muderni, cusì ponu utilizà sti valori cù pocu preoccupatissimu chì ùn ci hè micca sustegnu in un navigatore web, ma pudete ancu stabilisce un reginimentu simplice.
p {color: rgba (47,86,135,1); }
U valore RGBA hè listessu chì u chjaru blu arblanu hà specificatu prima. I primi valori 3 ponenu u valore Rojo, Verde è Azulu è u numaru finali hè l'altepaciu alfa. Hè definitu à "1", chì significa "100%", cusì sta culore ùn avia nè trasparenza. Se settore chì à un numaru decimale, cum'è 0.85, traduce à 85% d'opa di u opacità è u culore seria ligeramente trasparenti.
Sè vo vulete bulletproof a vostra valuri di culore, puderete fà:
p {
culore: # 2f5687;
culore: rgba (47,86,135,1);
}
Questa sintaxa principia u codice culu. Puderà annunzià quellu valore cù u numaru RGBA. Questu significa chì qualsiasi navigatore più anticu chì ùn mancanu l'RGBA averia u primu valore è ignora a secunna. I navigatori muderni utilizanu a seconda per a cascata CSS.