Ma ' CSS , huwa faċli li jiġi stabbilit il-kulur tat-test f'dokument. Jekk trid li l-paragrafi fuq il-paġna tiegħek jingħataw f'ċertu kulur, inti sempliċement speċifika li fil-karta tal-istil esterna tiegħek u l-browser għandu juri t-test tiegħek f'dak il-kulur magħżul. X'jiġri meta trid tibdel il-kulur ta 'kelma waħda (jew forsi ftit kliem) f'paragrafu tat-test? Għal dak, ser ikollok bżonn tuża element inline bħall-lametta.
Fl-aħħar mill-aħħar, it-tibdil tal-kulur ta 'kelma waħda jew grupp żgħir ta' kliem f'sentenza huwa faċli bl-użu ta 'CSS, u t- tikketti huma HTML validi, għalhekk ma joqogħdu jinkwetaw dwar dan bħala xi tip ta' hack. B'din l-istrateġija, int tevita wkoll l-użu ta 'tikketti u attributi li m'għadhomx jintużaw bħal "font", li hija prodott ta' l-era HTML li għaddiet.
Dan l-artikolu huwa għall-bidu ta 'l-iżviluppaturi tal-web li x'aktarx ikunu ġodda għal HTML u CSS. Dan jgħinek titgħallem kif tuża t-tikketta HTML u CSS biex tibdel il-kulur tat-test speċifiku fuq il-paġni tiegħek. Qabel ma ngħidu hekk, hemm xi żvantaġġi għal dan il-metodu, li se nkopru fl-aħħar ta 'dan l-artikolu. Għal issa, aqra biex titgħallem il-passi biex tinbidel din il-kulur tat-test! Huwa faċli ħafna u għandu jieħu madwar 2 minuti.
Istruzzjoni Permezz Pass
- Iftaħ il-paġna web li trid taġġorna fit-test favorit tiegħek editur HTML. Dan jista 'jkun programm bħal Adobe Dreamweaver jew editur ta' test sempliċi bħal Notepad, Notepad ++, TextEdit, eċċ.
- Fid-dokument, issib il-kliem li trid tintwera f'kulur differenti fuq il-paġna. Għal raġunijiet ta 'dan it-tutorial, ħalli nagħmlu użu minn xi kelmiet li jinsabu f'paragrafu akbar ta' test. Dak it-test ser ikun inkluż fi ħdan il-par tat-tim. Sib wieħed minn żewġ kelmiet li l-kulur li tixtieq teditja.
- Poġġi l-cursor tiegħek qabel l-ewwel ittra fil-kelma jew grupp ta 'kliem li trid tibdel il-kulur. Ftakar, jekk qed tuża editur WYSIWYG bħal Dreamweaver, inti qed taħdem fil-fehma tal-kodiċi issa.
- Ħalli nagħlaq it-test li l-kulur li rridu nbiddlu ma 'tikketta, inkluż attribut tal-klassi. Il-paragrafu kollu jista 'jidher bħal dan: Dan huwa test li huwa ffokat fuq sentenza.
- Għadna kemm użajna element inline, biex nagħti lil dak it-test speċifiku "ganċ" li nistgħu nużaw fis-CSS. L-istadju li jmiss tagħna huwa li nimxu lejn il-fajl CSS estern tagħna biex nżidu regola ġdida.
- Fil-fajl CSS tagħna, ejja żid:
- .focus-text {
- kulur: # F00;
- }
- El
- Din ir-regola għandha tistabbilixxi dak l-element inline, il-werrej, li juri l-kulur aħmar. Jekk kellna stil preċedenti li stabbilixxa t-test tad-dokument tagħna għall-iswed, dan l-istil inline jikkawża li t-test tal-medda jkun iffokat fuq u jispikka bil-kulur differenti. Nistgħu wkoll nżidu stili oħra għal din ir-regola, forsi it-test bil-korsiv jew b'tipa grassa jenfasizzah saħansitra aktar?
- Ħlief il-paġna tiegħek.
- Ittestja l-paġna fil-web browser favorita tiegħek biex tara l-bidliet fis-seħħ.
- Innota li minbarra l-internet, xi professjonisti tal-web jagħżlu li jużaw elementi oħra bħall-pari tal-marki. Dawn it-tags kienu għal "bold" u "korsiv" speċifikament, iżda kienu deprezzati u sostitwiti minn u. It-tikketti għadhom jaħdmu fil-brawżers moderni, madankollu, tant l-iżviluppaturi tal-web jużawhom bħala hooks tal-grafika inline. Dan mhux l-agħar approċċ, imma jekk trid tevita xi elementi depravati, nissuġġerixxi li teħel mat-tikketta għal dawn it-tipi ta 'bżonnijiet tal-grafika.
Għajnuniet u affarijiet li toqgħod attent għalihom
Filwaqt li dan l-approċċ jaħdem tajjeb għal bżonnijiet ta 'grafika żgħar, bħal jekk għandek bżonn tibdel biss biċċa żgħira ta' test f'dokument, tista 'malajr toħroġ mill-kontroll. Jekk issib li l-paġna tiegħek hija mifruxa ma 'elementi inline, li kollha għandhom klassijiet uniċi li qed tuża fil-fajl CSS tiegħek, tista' tkun qed tagħmel dan ħażin, Ftakar, aktar minn dawn it-tikketti li huma fil-paġna tiegħek, iktar x'aktarx li tkun li żżomm dik il-paġna 'l quddiem. Barra minn hekk, it -tipografija tal-web tajba rarament għandha ħafna varjanti tal-kulur, eċċ. Matul il-paġna kollha!