Indlela yokutshintsha umbala weLizwi nge-Span Tag kunye neCSS

Nge CSS , kulula ukuseta umbala weetekisi kwirekhodi. Ukuba ufuna imimiselo kwiphepha lakho ukuba linikezwe kumbala othile, uvele ucacise ukuba kwiphepha lakho langaphandle leshidi kunye nesiphequluli kuya kubonisa itekisi yakho kuloo mbala okhethiweyo. Kwenzeka ntoni ngoko xa ufuna ukutshintsha umbala wegama elilodwa (mhlawumbi ngamagama ambalwa) ngaphakathi kwimihlathi yombhalo? Ngenxa yoko, kuya kufuneka usebenzise into ekhonkco njengetaki.

Ekugqibeleni, ukutshintsha umbala wegama elinye okanye iqela elincinane lamagama kwisigwebo kulula ukusebenzisa i-CSS, kwaye i- tags i-HTML echanekileyo, ngoko ungakhathazeki malunga nolu hlobo oluthile lwenkohlakalo. Ngale ndlela, uyakuphepha nokusebenzisa i-tags echithwayo kunye neempawu ezinjenge "font", okuyimveliso yexesha le-HTML.

Eli nqaku liqala ukuphuhlisa abasebenzisi bewebhu abonakala bantsha kwi-HTML kunye ne-CSS. Kuya kukunceda ufunde indlela yokusebenzisa itekisi ye-HTML kunye ne-CSS ukutshintsha umbala weetekisi ezithile kumaphepha akho. Oko kuthethwa, kukho ezinye izinto ezingenakucingelwa kule ndlela, endiza kuyivala ekupheleni kweli nqaku. Okwangoku, funda ukufunda amanyathelo okutshintsha lo mbala wombhalo! Kulula kakhulu kwaye kufuneka uthathe malunga nemizuzu emi-2.

Isinyathelo ngeNqanaba leNkqubo

  1. Vula ikhasi lewebhu ofuna ukuyihlaziya kwi-editor yakho ye-text text HTML editor. Le nto ingaba yinkqubo efana ne- Adobe Dreamweaver okanye umhleli wombhalo nje nge-Notepad, Notepad ++, TextEdit, njl.
  2. Kulo xwebhu, fumana amagama ofuna ukuboniswa kumbala ohlukileyo kwiphepha. Ngenxa yolu titshala, vumela ukusebenzisa amagama athile kumhlathi omkhulu wesicatshulwa. Lo mbhalo uya kubandakanywa kwisibini yeettag. Fumana elinye lamagama amabini onokuthanda ukuwahlela umbala.
  3. Beka isikhombisi sakho phambi kwencwadi yokuqala kwigama okanye iqela lamagama ofuna ukuguqula umbala. Khumbula, ukuba usebenzisa umhleli weWYSIWYG njengoDreamweaver, usebenza "kwi-code view" ngoku.
  4. Vumbela umxholo othi umbala esiwufuna ukutshintsha ngetaki, kubandakanywa nesicatshulwa seklasi. Umhlathi wonke ungabonakala ngathi: Lo mbhalo ojoliswe kwisivakalisi.
  5. Sisebenzise nje into ebhaliweyo, i-, ukuba inike isibhalo esithile esithi "hook" esinokuyisebenzisa kwiCSS. Isinyathelo sethu esilandelayo kukungena kwifayili yethu yangaphandle yeCSS ukufaka umgaqo omtsha.
  1. Kwifayili yethu yeCSS, makongeze:
    1. .focus-text {
    2. umbala: # F00;
    3. }
    4. A
  2. Lo mgaqo wawuza kubeka ukuba umbandela onqamlekileyo, u, ukubonakalisa kumbala obomvu. Ukuba sinesimboso sangaphambili esisetyenzisiweyo sombhalo wethu kumnyama, lo mzobo othobelayo unokubangela ukuba i-span text igxilwe kuyo kwaye imile nombala ohlukileyo. Singadibanisa ezinye izitayela kulo mgaqo, mhlawumbi ukwenza umbhalo obhaliweyo okanye unesibindi ukuze ugxininise ngakumbi?
  3. Londoloza iphepha lakho.
  4. Hlola iphepha kwi-browser yakho eyintandokazi ukuze ubone utshintsho.
  5. Qaphela ukuba ngaphezu koko, abanye abaqeqeshi bewebhu bakhetha ukusebenzisa ezinye izinto ezifana neetekisi okanye iibhanqa. Ezi tags ezisetyenziselwa ukuba zibe "ngesibindi" kunye "neetaliki" ngokukodwa, kodwa zatshintshiwe kwaye zatshintshwa kunye nazo. Iimpawu zisasebenza kwiziphequluli zanamhlanje, nangona kunjalo, abathuthukisi abaninzi bewebhu bawasebenzisa njengamaqhosha okucoca. Lo akuyona indlela ebi kakhulu, kodwa ukuba ufuna ukuphepha zonke izinto ezichasiweyo, ndincoma ukuba ninamathele kunye neetaki zezi zixhobo zokubhala.

Iingcebiso kunye nezinto zokubukela

Nangona le ndlela isebenza kakuhle kwiimfuno ezincinane zokubhala, njengokuba kufuneka uguqule icandelo elincinci lombhalo kwidokhumenti, likwazi ukuphuma ngokukhawuleza. Ukuba ufumanisa ukuba iphepha lakho ligcwele izinto ezinqamlekileyo, zonke ezo zifundo ezizodwa ozenzayo kwifayili yakho yeCSS, ungenza oko kungalunganga, Khumbula, ngaphezulu kwezi tags ezisekhasini lakho, kunzima kungenzeka ukuba ukugcina elo phepha liya phambili. Ukongezelela, i- web typography enobunqwenelekayo inokuba nezohlukeneyo zemibala, njl. Kwiphepha!