Kanthi CSS , gampang nyetel warna teks ing dokumen. Yen sampeyan pengin paragraf ing kaca sampeyan bakal ditampilake ing werna tartamtu, sampeyan mung nemtokake manawa ing style sheet njaba lan browser bakal nampilake teks ing werna sing dipilih. Apa sing bakal kedadeyan yen sampeyan pengin ngganti warna mung siji tembung (utawa mbok menawa mung sawetara tembung) ing paragraf teks? Kanggo sing, sampeyan kudu nggunakake unsur online kaya tag.
Wekasane, ngganti warna tembung siji utawa ukara cilik tembung ing ukara gampang nggunakake CSS, lan tag HTML sah, supaya aja kuwatir babagan iki minangka jenis hack. Kanthi pendekatan iki, sampeyan uga supaya ora nggunakake tandha lan atribut-atribut kaya "font", sing dadi produk jaman HTML.
Artikel iki minangka awal pangembang web sing mungkin anyar kanggo HTML lan CSS. Iku bakal mbantu sampeyan sinau cara nggunakake tag HTML lan CSS kanggo ngganti werna teks tartamtu ing kaca sampeyan. Ing kono, ana sawetara kekurangan saka metode iki, sing bakal dakkandhakake ing pungkasan artikel iki. Saiki, maca maneh kanggo mangerteni langkah-langkah kanggo ngganti warna teks iki! Iku gampang banget lan kudu njupuk bab 2 menit.
Langkah dening Langkah Instruction
- Bukak kaca web sing pengin diupdate ing editor HTML teks favorit sampeyan. Iki bisa dadi program kaya Adobe Dreamweaver utawa mung editor teks kaya Notepad, Notepad ++, TextEdit, etc.
- Ing dokumen, nemtokake tembung sing pengin ditampilake ing werna sing beda ing kaca kasebut. Demi tutorial iki, ayo gunakake sawetara tembung sing ana ing paragraf luwih gedhe. Teks kasebut bakal ana ing pasangan thetag. Temokake salah siji saka rong tembung sing werna sing pengin diowahi.
- Selehake kursor sadurunge huruf kapisan ing tembung utawa grup tembung sing pengin diganti werna. Elinga, yen sampeyan nggunakake editor WYSIWYG kaya Dreamweaver, sampeyan lagi nyambut gawe ing tampilan kode "kode."
- Supaya mbungkus teks sing werna sing arep diganti karo tag, kalebu atribut kelas. Paragraf kabeh katon kaya iki: Iki teks sing fokus ing ukara.
- Kita wis mung nggunakake elemen inline, sing, kanggo menehi teks khusus sing "pancing" sing bisa digunakake ing CSS. Langkah sabanjure yaiku mlumpat menyang file CSS njaba kanggo nambah aturan anyar.
- Ing file CSS kita, ayo nambah:
- .focus-text {
- werna: # F00;
- }
- Gg
- Aturan iki bakal nyetel unsur inline, sing, kanggo nampilake ing werna abang. Yen kita duwe gaya sadurungé sing nyithak teks dokumen kita dadi ireng, gaya inline iki bakal nimbulaké tengkorak supaya bisa fokus lan ngadeg kanthi werna sing béda. Kita bisa uga nambah gaya liyane kanggo aturan iki, mbok menawa nggawe irong-ireng teks utawa kandel kanggo nandhakake luwih akeh?
- Simpen kaca sampeyan.
- Tes kaca ing browser web favorit sampeyan kanggo ndeleng owah-owahan ing efek.
- Elinga yen ing saliyane, sawetara profesional web milih nggunakake unsur liyane kaya pasangan utawa label. Tegese digunakake minangka "kandel" lan "miring" khusus, nanging ora ditindakake lan diganti karo lan. Tag isih digunakake ing browser modern, Nanging, akeh pangembang web nggunakakenya minangka kait penata inline. Iki ora pendekatan sing paling awon, nanging yen sampeyan pengin ngindhari unsur sing ora gampang, aku nulisake label kanggo jinis-jinis kebutuhan styling iki.
Tip lan Babagan Kanggo Nonton Kanggo
Nalika pendekatan iki dianggo kanthi apik kanggo kabutuhan cilik, kaya yen sampeyan kudu ngganti sepotong cilik teks ing sawijining dokumen, bisa cepet entek kontrol. Menawa sampeyan nemokake kaca kasebut dikalahake karo unsur-unsur inline, kabeh duwe kelas unik sing digunakake ing file CSS sampeyan, sampeyan bisa nindakake salah, Elingi, luwih akeh tag kasebut ing kaca sampeyan, luwih angel wis mesthine kanggo njaga kaca kasebut maju. Tambahan, typography web apik arang banget nduweni variasi warna, dsb. Saindhenging kaca!