Naqshadaynta qaabka wanaagsani waa qayb muhiim ah oo ka mid ah bogga guusha. CSS waxay ku siinaysaa kormeer aad u weyn oo ka muuqda muuqaalka qoraalka bogagga shabakadaha bogagga aad dhisto. Tani waxaa ka mid ah awooda lagu bedeli karo midabada nooc kasta oo aad isticmaasho.
Midabada midabka ayaa la bedeli karaa iyada oo la isticmaalayo warqad muuqaal ah oo dibadeed , warqad qaabaysan oo gudaha ah , ama waxaa laga beddeli karaa iyadoo la isticmaalayo styling styling gudaha dokumentiga HTML. Dhaqannada ugu fiican waxay dhigayaan in aad isticmaashid warqad muuqaal ah oo loogu talagalay qaababkaaga CSS. Qoraalka qaabka gudaha, kuwaas oo ah qaabab toos ah oo lagu qoray "madaxa" ee dukumeentigaaga, ayaa guud ahaan loo isticmaalaa oo keliya goobo yaryar, hal bog. Noocyada khadka tooska ah waa in laga fogaadaa maaddaama ay ka mid yihiin qoraallada "font" ee aan wax ka qabanay sanado badan kahor. Noocyada noocan oo kale ah waxay si aad ah ugu adag yihiin in ay maareyn karaan qaabka qoraalka madaama aad u baahan tahay inaad bedesho qaab kasta oo ka mid ah habka caanka ah.
Maqaalkani, waxaad baran doontaa sida loo badalo midabka font iyada oo la isticmaalayo warqad dibadeed iyo qaab lagu isticmaalo cutubka tag. Waxaad isticmaali kartaa hanti isku mid ah si aad u bedesho midabta fontka oo ah mid kasta oo ku wareegsan qoraalka, oo ay ku jiraan
tag.Ku darista Noocyada Si aad u Bedesho Midabka Midabka
Tusaale ahaan, waxaad u baahan tahay inaad haysato dukumiintiga HTML si aad u aragto boggaaga iyo fayl kale oo CSS ah oo ku lifaaqan dokumentigaas. Dukumiintiga HTML waxay u badan tahay in ay ka dhigtaan dhowr arrimood. Midka aan ka walaacsan nahay ujeedada qodobkan waa cutubka cutubka.
Halkan waa sida loo badalayo midabka qoraalka ee qoraalka ah ee ku yaala jumlada tixraaca adoo isticmaalaya xaashidaada dibadeed.
Qiimaha midabyada waxaa lagu sheegi karaa ereyada muhiimka ah ee midabka, lambarrada RGB, ama lambarrada midabka hexadecimal.
- Ku dar dabeecadda muuqaal ee ku taal darajada qoraalka:
- p {}
- Ku rid hantida midabka qaabka. Geli xarig ka dib hantida:
- p {color:}
- Kadibna ku dar qiimaha midabkaaga ka dib hantida. Xaqiiji in aad qiimahaas ku dhameysato qeeyb ka mid ah:
- p {color: madow;}
Qaybaha ku yaal boggaaga hadda waa madow.
Tusaalahani wuxuu adeegsanayaa ereyo muhiim u ah - "madow". Tani waa hal dariiq oo lagu daro midabka CSS, laakiin waa mid aad u xaddidan. Isticmaalka ereyada muhiimka ah ee "madow" iyo "cad" waa mid toos ah maaddaama labadan midba midkood uu yahay mid gaar ah, laakiin maxaa dhacaya haddii aad isticmaasho ereyada muhiimka ah sida "casaan", "buluug" ama "cagaaran"? Xaqiiq ahaan waxa hooska cas ee cas, buluug, ama cagaaran ayaad helaysaa? Ma sheegi kartid dhabta midabkeed ee midabkeedu yahay midabka aad u rabto ereyada muhiimka ah. Tani waa sababta qiimayaasha laba-geesoodka loo isticmaalo inta badan meelaha loo yaqaan keywords keywords.
p {color: # 000000; }
Habka CSS-da ayaa sidoo kale sameeyn doona midabkaaga qaybahaada madow, maxaa yeelay qodbada qorraxda # 000000 waxay u turjumaysaa madow. Xitaa waxaad isticmaali kartaa qiimaha leh qiimaha korantada iyo ku qor sida kaliya # 000 oo aad isla heli lahayd.
Sidii horay loo soo sheegey, qiimaha hex wuxuu si fiican u shaqeeyaa markaad u baahan tahay mid aan ahayn madow ama caddaan ah. Halkan waxaa ah tusaale:
p {color: # 2f5687; }
Qiimaha buqsigu wuxuu dhigayaa midabada buluugga ah, laakiin ka duwan ereyga muhiimka ah ee "buluuga", kumbuyuutarkan wuxuu ku siinayaa karti aad ku sameyso shaar mid ah oo buluug ah - laga yaabo in mid ka mid ah uu naqshadeeyuhu doorto marka ay abuurayaan interface boggan. Xaaladdan oo kale, midabku wuxuu noqon karaa mid dhexdhexaad ah, midab buluug ah.
Ugu dambeyn, waxaad isticmaali kartaa qiimaha midabka RGBA ee midabada font. RGCA waxaa hadda taageera dhammaan dookhiyeyaashu casriga ah, markaa waxaad isticmaali kartaa qiimahaas walaac yar oo aan lagu taageeri doonin barta shabakadda, laakiin sidoo kale waxaad dejin kartaa dhib yar.
p {color: rgba (47,86,135,1); }
Qiimiintan RGBA waxay la mid tahay midabka buluugga ah ee hore loo cayimay. Qiimaha koowaad ee koowaad wuxuu dejiyaa qiimaha casaan, cagaaran, iyo buluuga ah, lambarka ugu dambeeya waa xajinta alfa. Waxaa loo qoondeeyay "1", taas oo macnaheedu yahay "100%", markaa midabkani ma laheyn wax daahsan. Haddii aad ku qorto lambarka jajab tobanlaha, sida .85, waxay u tarjumaysaa 85% midabtakoorka iyo midabkuna wuxuu noqonayaa wax yar oo hufan.
Haddii aad rabto in laguu soo bandhigo qiimaha midabada midabka, waxaad samayn lahayd tan:
p {
midabka: # 2f5687;
midabka: rgba (47,86,135,1);
}
Eraygani wuxuu dejinayaa koodhadhka hexadka marka hore. Kadibna waxaa ku qoran lambar qiime leh lambarka RGBA. Tani waxay ka dhigan tahay in browser kasta oo weyn oo aan taageersanayn RGBA ay heli doonto qiimaha ugu horeysa oo iska indha tirto labaad. Dareemayaasha casriga ah waxay isticmaali karaan kan labaad ee CSS cascade.