Uyilo olulungileyo loyilo luyingxenye ebalulekileyo yewebhusayithi ephumelelayo. I-CSS ikunika ulawulo oluphezulu malunga nokubonakala kwendlela ebhaliweyo kumaphepha ewebhu kumaphepha owebhu oyakhayo. Oku kubandakanya ukukwazi ukutshintsha umbala weliphi na ifowuni oyisebenzisayo.
Imibala yemifanekiso ingatshintshwa ngokusebenzisa ishidi langaphandle, ishidi lomsebenzi wangaphakathi , okanye lingatshintshwa ngokusebenzisa isicatshulwa esisezantsi ngaphakathi kwidokhumenti ye-HTML. Iindlela ezilungileyo zifuna ukuba usebenzise ifayile yendlela yangaphandle kwiifayile zakho zeCSS. Ishidi lomsebenzi wangaphakathi, eziyizitayela ezibhaliweyo ngqo kwi "intloko" yecandelo lakho, ngokuqhelekileyo zisetyenziselwa iisayithi ezincinci, ezinekhasi elilodwa. Izitayela ezinqamle zimele ziphetshwe njengoko zihambelana namathegi endala "yamagama" esiwasebenzisana nayo kwiminyaka emininzi edlulileyo. Ezi zitayela ezinqamlekileyo zenza kube nzima ukulawula isitayela sefonti kuba kufuneka uzitshintshe kuwo wonke umzekelo wesitayela esisezantsi.
Kule nqaku, uya kufunda ukuba ungatshintsha njani umbala wefonti usebenzisa ishidi lomsebenzi wangaphandle kunye nesitayela esetyenziswe kwisigatshana somhlathi. Unokusebenzisa ifayile yesakhiwo esifanayo ukutshintsha umbala wefonti kunoma yiphi itekisi ejikelezile isicatshulwa, kubandakanywa
Ukongeza izitayela zokutshintsha umbala wefonti
Kulo mzekelo, kuya kufuneka ube nexwebhu le-HTML lokukhangela iphepha lakho kunye nefayile ehlukile yeCSS enamathele kuloo xwebhu. Idokhumenti ye-HTML ingenza ukuba kube nenani lezinto kulo. Lowo esixhalabeleyo ngenjongo yale nqaku ngumhlathi wesigaba.
Nantsi indlela yokutshintsha umbala wefonti weetekisi ngaphakathi kwamathegi omhlathi usebenzisa ishidi lakho langaphandle leshidi.
Iimpawu zemibala zingabonakaliswa njengamagama akwibala, imibala yebala ye RGB, okanye iinombolo zombala we-hexadecimal.
- Yongeza umxholo wesitayela wesigcawu somhlathi:
- {{}
- Beka umbala wepropati kwisitayela. Beka ikholoni emva kweso propati:
- {{umbala:}
- Emva koko faka ixabiso lembala emva kwepropati. Qinisekisa ukuphelisa loo xabiso nge-colon-semi-colon:
- p {umbala: omnyama;}
Imihlathi kwiphepha lakho ngoku iya kuba mnyama.
Lo mzekelo usebenzisa igama elingundoqo lombala - "omnyama". Leyo yindlela enye yokongeza umbala kwi-CSS, kodwa kunzima kakhulu. Ukusebenzisa amagama abalulekileyo "omnyama" kunye "nomhlophe" ngokuthe ngqo kuba loo mibala emibini iyicacile, kodwa kwenzekani ukuba usebenzisa amagama abalulekileyo anjenge "obomvu", "obuluhlaza" okanye "obuluhlaza"? Ngokuqinisekileyo uya kufumana njani umthunzi obomvu, obomvu, okanye obuluhlaza? Awukwazi ukuchaza ngokucacileyo umthunzi wombala oyifunayo ngamagama angundoqo. Yingakho ixabiso le-hexadecimal lihlala lisetyenziselwa endaweni yeempawu zamagama.
{{umbala: # 000000; }
Isitayela seCSS siya kubeka umbala wemihlathi yakho kumnyama, kuba ikhowudi ye-hex ye-# 000000 iguqulela kumnyama. Unokusebenzisa i-shorthand kunye nexabiso le-hex kwaye uyibhale njenge-# 000 kwaye uza kufumana into efanayo.
Njengoko sele sichazile, ixabiso le-hex lisebenza kakuhle xa ufuna umbala ongeyena mnyama okanye umhlophe. Nasi umzekelo:
{{umbala: # 2f5687; }
Le xabiso le-hex lizakubeka imihlathi kumbala okomvu, kodwa ngokungafani negama elingundoqo elithi "i-blue", le khowudi ye-hex ikunika amandla okubeka umthunzi ocacileyo obala okwesibhakabhaka - mhlawumbi lowo umyili wezinto akhethileyo xa bedala i-interface lewebhu. Kule meko, umbala uza kuba phakathi kwebala, i-slate-like blue.
Ekugqibeleni, ungasebenzisa iimpawu zemibala yeRGBA yembala yefonti. I-RGCA ngoku ixhaswa kuzo zonke iiphequluli zanamhlanje, ngoko ungasebenzisa la maxabiso ungakhathazeki ukuba ayiyi kuxhaswa kwisiphequluli sewebhu, kodwa ungasetha kwakhona ukulula.
{{umbala: rgba (47,86,135,1); }
Le xabiso le-RGBA lifana nombala ohlaza okwesibhakabhaka okhankanywe ngaphambili. Iimpawu zokuqala ezi-3 zibeka ixabiso eliBomvu, iGreen, neBlue kunye nenombolo yokugqibela isilungiselelo se-alpha. It isethelwe ku- "1", oku kuthetha "i-100%", ngoko umbala awuyi kubonakala. Ukuba ubeka loo nombolo yokugqibela, njenge .85, iya kuguqulela kwi-85% ye-opacity kunye nombala kuya kubonakala ngokucacileyo.
Ukuba ufuna ukukhupha ixabiso lemibala yakho, uza kwenza oku:
{
Umbala: # 2f5687;
Umbala: rgba (47,86,135,1);
}
Le syntax ibeka ikhowudi yehex kuqala. Emva koko libeka phambili elo xabiso kunye nenombolo ye-RGBA. Oku kuthetha ukuba nayiphi na isiphequluli esidala esingayixhasayo i-RGBA iya kufumana ixabiso lokuqala ize ihoxise okwesibini. Iiphequluli zanamhlanje ziya kusebenzisa isibini kwiCSS.