Uban sa CSS , sayon nga ibutang ang kolor sa teksto sa usa ka dokumento. Kung gusto nimo ang mga parapo sa imong panid nga mahubad sa usa ka kolor, imong itudlo nga sa imong estilo sa estilo sa gawas ug ang browser mopakita sa imong teksto sa gipili nga kolor. Unsa man ang mahitabo kung gusto nimo nga usbon ang kolor sa usa lang ka pulong (o tingali pipila lang ka pulong) sulod sa parapo sa teksto? Tungod niana, kinahanglan nimo gamiton ang inline element sama sa tag.
Sa katapusan, ang pag-usab sa kolor sa usa ka pulong o usa ka gamay nga grupo sa mga pulong sulod sa usa ka tudling-pulong sayon gamit ang CSS, ug ang mga tag mga balido nga HTML, mao nga ayaw kabalaka nga kini usa ka matang sa hack. Pinaagi niini nga paagi, likayan usab ang paggamit sa mga us aka mga tag ug mga hiyas nga sama sa "font", nga usa ka produkto sa kanhi panahon sa HTML.
Kini nga artikulo alang sa pagsugod sa mga web developers nga lagmit bag-o sa HTML ug CSS. Makatabang kini kanimo nga makat-on kung unsaon paggamit ang HTML tag ug CSS aron mausab ang kolor sa piho nga teksto sa imong mga panid. Kana nga pag-ingon, adunay mga kahuyangan sa niini nga pamaagi, nga akong pagatabunan sa katapusan niini nga artikulo. Sa karon, basaha aron mahibal-an ang mga lakang aron mausab kini nga kolor sa teksto! Kini sayon kaayo ug kinahanglan nga mokabat og mga 2 ka minutos.
Lakang Pinaagi sa Panudlo sa Lakang
- Ablihi ang web page nga gusto nimong i-update sa imong paboritong text editor sa HTML. Mahimo kini nga usa ka programa sama sa Adobe Dreamweaver o usa ka yanong text editor sama sa Notepad, Notepad ++, TextEdit, ug uban pa.
- Diha sa dokumento, pangitaa ang mga pulong nga gusto nimo nga ipasundayag sa lainlaing kolor sa panid. Alang niini nga panudlo, tugoti ang paggamit sa pipila ka mga pulong nga anaa sa mas dako nga parapo sa teksto. Kana nga teksto maglangkob sulod sa thetag pair. Pangita sa usa sa duha ka mga pulong kansang kolor nga gusto nimong usbon.
- Ibutang ang imong cursor sa atubangan sa unang letra sa pulong o grupo sa mga pulong nga gusto nimong usbon ang kolor. Hinumdomi, kung gigamit nimo ang editor nga WYSIWYG sama sa Dreamweaver, nagtrabaho ka sa "code view" rigth karon.
- Ibutang ang teksto kansang kolor nga gusto natong usbon uban sa tag, lakip ang usa ka hiyas sa klase. Ang tibuok nga parapo mahimong ingon niini: Kini ang teksto nga naka-focus sa usa ka sentence.
- Gigamit lang namo ang usa ka inline nga elemento, ang, paghatag sa espesipikong teksto nga usa ka "kaw-it" nga atong magamit sa CSS. Ang among sunod nga lakang mao ang paglukso sa among external nga CSS file aron makadugang usa ka bag-ong lagda.
- Sa among CSS file, atong idugang:
- .focus-text {
- kolor: # F00;
- }
- Gg
- Kini nga lagda nagpakita nga ang inline nga elemento, ang, aron ipakita sa pula nga kolor. Kon kami adunay una nga estilo nga nagbutang sa teksto sa among dokumento nga itom, kini nga inline nga estilo makapahimo sa span nga teksto nga mag-focus ug makabarug sa nagkalainlaing kolor. Mahimo usab natong idugang ang ubang mga estilo sa niini nga lagda, tingali paghimo sa mga italics sa teksto o maisugon aron mas gipasabut kini?
- Luwasa ang imong panid.
- Sulayi ang panid sa imong paborito nga web browser aron makita ang kausaban sa epekto.
- Timan-i nga dugang pa sa, ang ubang mga propesyonal sa web mipili nga mogamit sa ubang mga elemento sama sa mga pares o tag. Kini nga mga tag gigamit nga alang sa "bold" ug "italics" ilabi na, apan wala usba ug gipulihan sa ug. Ang mga tag nagtrabaho gihapon sa modernong mga browser, bisan pa niana, daghan kaayong mga web developer ang naggamit niini ingon nga inline nga mga kaw-itanan. Dili kini ang pinakagrabe nga pamaagi, apan kon gusto nimo nga likayan ang bisan unsa nga wala'y mga elemento, akong isugyot nga mag-isimpay sa tag alang niining mga matang sa panginahanglan sa estilo.
Mga Sugyot ug Mga Butang nga Gipangita
Samtang kini nga pamaagi maayo nga pamaagi alang sa gagmay nga mga panginahanglan sa estilo, sama sa kung kinahanglan nimo nga usbon ang usa ka gamay nga piraso sa teksto sa usa ka dokumento, kini dali nga dili makontrol. Kon imong makita nga ang imong panid puno sa inline nga mga elemento, nga ang tanan adunay talagsaong mga klase nga imong gigamit sa imong CSS file, mahimo nimo kining sayup, Hinumdumi, labaw pa niini nga mga tag nga anaa sa imong panid, mas lisud kini lagmit mao ang pagpadayon niana nga panid padayon. Dugang pa, ang maayo nga typography sa web talagsa nga adunay daghang mga variant sa kolor, ug uban pa sa tibuok panid!