Indlela Yokushintsha Umbala Wezwi Nge-Span Tag ne-CSS

Nge- CSS , kulula ukusetha umbala wombhalo kudokhumenti. Uma ufuna izigaba ekhasini lakho lizohunyushwa ngombala othile, umane ucacise ukuthi kwishidi lakho langaphandle lesitayela nesiphequluli sizobonisa umbhalo wakho kulowo mbala okhethiwe. Kwenzekani ke uma ufuna ukushintsha umbala wegama elilodwa nje (noma mhlawumbe ngamagama ambalwa) ngaphakathi kwendima yombhalo? Ngenxa yalokho, kuzodingeka usebenzise isici esitholakala njenge-tag.

Ekugcineni, ukushintsha umbala wegama elilodwa noma iqembu elincane lamagama ngaphakathi komusho kulula ukusebenzisa i-CSS, futhi amathegi asebenza nge-HTML, ngakho ungakhathazeki ngalokhu uhlobo oluthile lokuhlekisa. Ngalendlela, nawe ugwema ukusebenzisa amathegi anqatshiwe kanye nezimfanelo ezifana "nefonti", okuwumkhiqizo wenkathi ye-HTML yangaphambili.

Lesi sihloko singokuqala abathuthukisi bewebhu okungenzeka ukuthi babasha ku-HTML naku-CSS. Kuzokusiza ufunde ukuthi ungasebenzisa kanjani ithegi ye-HTML ne-CSS ukuze ushintshe umbala wombhalo othize kumakhasi akho. Lokhu kuthiwa, kunezinye izithiyo ezithintekayo kule ndlela, engizoyihlanganisa ekupheleni kwalesi sihloko. Okwamanje, funda ukufunda ukuze ufunde izinyathelo zokushintsha lo mbala wombhalo! Kulula futhi kufanele uthathe cishe imizuzu emibili.

Isinyathelo By Step Instruction

  1. Vula ikhasi lewebhu ofuna ukulivuselela kumhleli wakho we-HTML oyithandayo. Lokhu kungaba uhlelo olufana ne- Adobe Dreamweaver noma umhleli wombhalo ofana ne-Notepad, Notepad ++, TextEdit, njll.
  2. Kulo dokhumenti, thola amagama ofuna ukuboniswa kumbala ohlukile ekhasini. Ngenxa yalesi sifundo, vumela ukusebenzisa amagama angaphakathi kwesigaba esikhulu sombhalo. Leyo mibhalo izoqukathwa ngaphakathi kwe-pair ye-tag. Thola elinye lamagama amabili umbala ongathanda ukuwahlela.
  3. Faka isikhombisi sakho ngaphambi kwencwadi yokuqala egameni noma iqembu lamazwi ofuna ukushintsha umbala. Khumbula, uma usebenzisa umhleli we- WYSIWYG njengo-Dreamweaver, usebenza "ukubuka kwekhodi" ngokuqinile manje.
  4. Vumbela umbhalo obani umbala esiwufuna ukuwuguqula ngomaki, kufaka phakathi isici sekilasi. Isigaba sonke singase sibonakale kanje: Lona umbhalo ogxile emusho.
  5. Sisanda kusebenzisa isici esinqunyiwe, i-, ukunikeza lo mbhalo othize "hook" esingayisebenzisa ku-CSS. Isinyathelo sethu esilandelayo ukugxuma kwifayela lethu langaphandle le-CSS ukwengeza umthetho omusha.
  1. Kufayela lethu le-CSS, ake sengeze:
    1. .focus-text {
    2. umbala: # F00;
    3. }}
    4. A
  2. Lo mthetho wawuzobeka ukuthi isici esitholakala ngaphakathi, i-, ukuze sibonise ngombala obomvu. Uma sinesitayela esidlule esabeka umbhalo wodokhumenti wethu kumnyama, isitayela esingaphakathi singabangela ukuthi umbhalo we-span ugxilwe futhi uphume umbala ohlukile. Singakwazi futhi ukwengeza ezinye izitayela kulo mthetho, mhlawumbe ukwenza umbhalo ocacile noma ngesibindi ukuze ugcizelele nakakhulu?
  3. Londoloza ikhasi lakho.
  4. Hlola ikhasi kusiphequluli sakho sewebhu esithandayo ukuze ubone izinguquko zisasebenza.
  5. Qaphela ukuthi ngaphezu kwalokho, abanye ochwepheshe bewebhu bakhetha ukusebenzisa ezinye izakhi ezifana namathebhu noma amathegi. Lawa amathegi asetshenziselwa ukuthi abe "ngesibindi" nangokuthi "amathiphu" ngokukhethekile, kodwa ahlulwa futhi ashintshwe futhi. Amathegi asasebenza kumaphequluli anamuhla, noma kunjalo, abathuthukisi abaningi bewebhu bawasebenzisa njengezingwegwe zokulinganisa. Lena akuyona indlela engalungile, kodwa uma ufuna ukugwema noma yiziphi izinto ezingavunyelwe, ngiphakamisa ukunamathela ngetekisi lezi zinhlobo zezidingo zokubhala.

Amathiphu nezinto okumele uzibuke

Nakuba le ndlela isebenza kahle ngezidingo ezincane zokubhala, njengokungathi uma udinga ukushintsha uhlamvu oluthile oluthile lombhalo kumadokhumenti, lungakwazi ukuphuma ngokushesha ekulawuleni. Uma uthola ukuthi ikhasi lakho ligcwele izakhi ezifakwe ngaphakathi, zonke zazo ezinamakilasi ahlukile oyisebenzisayo kufayela lakho le-CSS, kungenzeka ukuthi wenza okungalungile, Khumbula, ngaphezulu kwamathegi asekhasini lakho, kunzima kakhulu kungenzeka ukuthi kulondolozwe lelo khasi liya phambili. Ukwengeza, i- web typography enhle ayinaso izihlobo eziningi zombala, njll kulo lonke ikhasi!