Alus design typographic mangrupa bagian penting ti ramatloka suksés. CSS méré Anjeun kontrol hébat leuwih penampilan téks dina kaca wéb kaca web nu ngawangun. Ieu ngawengku kamampuh ngarobah warna naon fon nu make.
Kelir font bisa dirobah ngagunakeun hiji lambar gaya éksternal , hiji lambar gaya internal , atawa dinya bisa jadi robah maké inline styling dina dokumen HTML. lila-pangalusna ngarahkeunnana nu kedah nganggo hiji gaya lambar éksternal pikeun gaya CSS Anjeun. Hiji lembar gaya internal, nu gaya tulisan langsung di "sirah" di dokumen anjeun, umumna ngan dipaké pikeun situs leutik, salah-kaca. gaya Inline kedah dihindari saprak aranjeunna Akın ka tag heubeul "font" yen urang diurus loba sababaraha taun ka pengker. Maranéhanana gaya inline nyieun pisan teuas pikeun ngatur gaya font saprak anjeun bakal kudu ngarobah éta di unggal conto tina gaya inline.
Dina artikel ieu, anjeun bakal diajar kumaha carana ngarobah warna font ngagunakeun hiji lambar gaya éksternal sarta gaya anu digunakeun dina tag ayat. Anjeun tiasa nerapkeun sipat gaya sami ngarobah warna font on wae tag anu lingku téks, kaasup
Nambahkeun Styles mun Robah Font Warna
Contona, anjeun bakal kudu boga hiji dokumen HTML pikeun aksara kaca anjeun sarta berkas CSS misah anu napel dokumen éta. Dokumén HTML dipikaresep bakal nyieun sababaraha elemen dina eta. Hiji urang anu museur keur kaperluan artikel ieu unsur paragraf.
Di dieu nyaeta kumaha carana ngarobah warna font tina téks jero tag ayat ngagunakeun gaya lambar éksternal Anjeun.
nilai Warna bisa ditembongkeun salaku kecap konci warna, angka warna RGB, atawa nomer warna hexadecimal.
- Nambah atribut gaya keur tag ayat:
- p {}
- Tempat anu sipat warna dina gaya nu. Tempat anu titik sanggeus harta anu:
- p {warna:}
- Lajeng nambahkeun nilai warna anjeun sanggeus harta. Pastikeun pikeun ngeureunkeun nilai anu ku semi-titik:
- p {warna: hideung;}
Ayat dina kaca anjeun ayeuna bakal hideung.
Contona kieu ngagunakeun warna keyword - "hideung". Anu mangrupa salah sahiji cara pikeun nambahkeun warna dina CSS, tapi ieu pisan ngawatesan. Ngagunakeun kecap konci pikeun "hideung" jeung "bodas" anu lugas saprak eta dua kelir pisan husus, tapi naon kajadian lamun make kecap konci kawas "beureum", "bulao", atawa "héjo"? Kahayang ngiuhan di beureum, bulao, atawa héjo moal anjeun meunang? Anjeun teu bisa nangtukeun kahayang nu sahadé warna rék kalayan konci. Ieu naha nilai hexadecimal anu mindeng dipaké dina tempat konci warna.
p {warna: # 000000; }
gaya CSS Ieu ogé bakal nangtukeun warna paragraf anjeun ka hideung, alatan kodeu hex tina # 000000 ditarjamahkeun kana hideung. Anjeun malah bisa make shorthand kalayan anu nilai hex jeung nulis salaku ngan # 000 jeung anjeun bakal meunang hal anu sarua.
Sakumaha anu geus kami disebutkeun, nilai hex ogé dianggo mun anjeun perlu warna anu henteu ngan saukur hideung atanapi bodas. Di handap ieu conto:
p {warna: # 2f5687; }
nilai hex Ieu bakal ngeset ayat ka warna bulao, tapi teu saperti keyword "bulao", Kode hex ieu méré Anjeun kamampuhan pikeun nangtukeun hiji sahadé pisan husus tina bulao - dipikaresep hiji anu desainer nu milih lamun maranéhanana nyieun antarbeungeut pikeun ramatloka ieu. Dina hal ieu, warna bakal janten pertengahan rentang, sabak-kawas bulao.
Tungtungna, anjeun tiasa nganggo RGBA nilai warna pikeun kelir font ogé. RGCA ayeuna dirojong ku sababaraha panyungsi modéren, jadi Anjeun bisa make nilai ieu kalawan saeutik salempang yén éta moal didukung dina web browser, tapi anjeun oge tiasa nyetel hiji fallback gampang.
p {warna: rgba (47,86,135,1); }
nilai RGBA Ieu sarua jeung sabak warna biru dieusian baheula. 3 nilai kahiji ngeset nilai Beureum, Héjo, jeung Blue sarta jumlah ahir nyaéta setelan alfa. Eta disetel ka "1", nu hartina "100%", jadi warna ieu bakal boga transparansi. Lamun diatur yen ka angka desimal, kawas .85, éta bakal narjamahkeun kana 85% opacity na warna bakal rada transparan.
Mun rék bulletproof nilai warna, anjeun bakal ngalakukeun ieu:
p {
Warna: # 2f5687;
Warna: rgba (47,86,135,1);
}
rumpaka ieu susunan kodeu hex munggaran. Ieu lajeng nimpa yen nilai kalawan jumlah RGBA. Ieu ngandung harti yén sagala browser heubeul nu teu ngarojong RGBA bakal meunang nilai munggaran tur malire kadua. panyungsi modérn bakal nganggo kadua per dina cascade CSS.