Habka shabakada shabakada muuqaalka iyo qaabeynta waxaa lagu calaamadiyey CSS ama Cascading Style Sheets. Kuwani waa dukumiintiyo qaabeeya calaamadda HTML ee bogga, iyagoo siinaya daalacado webka leh tilmaamo ku saabsan sida loo muujiyo bogagga ka dhalan kara calaamadahan. CSS waxay wax ka qabataa qaabka bogga, iyo sidoo kale midabka, sawirada asalka ah, noocyada sawirada iyo wax badan oo badan.
Haddii aad eegto faylka CSS, waxaad arki doontaa in sida calaamad kasta ama luqada codka, faylashaasi waxay leeyihiin eray gaar ah. Xaashid kasta ee style wuxuu ka kooban yahay dhowr xeer oo CSS ah. Xeerarkan, marka la soo qaato si buuxda, waa noocee goobta.
Qaybaha xeerka CSS
Xeerka CSS wuxuu ka kooban yahay laba qaybood oo kala duwan - doorashada iyo cadeynta. Kala saaraha ayaa go'aaminaya waxa la duldhigay bogga iyo cadeynta waa sida loo qaabeyn lahaa. Tusaale ahaan:
p {
midabka: # 000;
}
Tani waa xeerka CSS. Qaybta doorbiduhu waa "p", oo ah aalad doorashada "cutubyada". Sidaa darteed, waxay dooran kartaa dhammaan cutubyada ku yaal goobta oo ay ku siiyaan qaabkan (haddii aysan jirin cutubyo kuwaas oo lagu beegsanayo qaabab gaar ah oo meelo kale ah oo ku yaal dukumeentigaaga CSS).
Qeyb ka mid ah qaanuunka oo leh "midabka: # 000;" waa waxa loo yaqaano cadeynta. Cadeyntaasi waxay ka kooban tahay laba qaybood - hantida iyo qiimaha.
Guryuhu waa qaybta "midabka" ee caddayntan. Waxay qeexaysaa nooca xulashada ayaa loo beddeli doonaa muuqaal ahaan.
Qiimuhu waa waxa hantida CSS ee la doorto la beddeli doono. Tusaale ahaan, waxaan isticmaaleynaa qiimaha hexo ah # 000, taas oo ah CSS shantaand "black".
Markaa adigoo isticmaalaya xeerkan CSS, boggayagu wuxuu yeelan doonaa cutubyo lagu soo bandhigo font-color of madow.
Astaamaha Hantida CSS
Markaad qoreysid CSS, ma fududeyn kartid markaad aragto taam. Xaaladaha, "midabka" waa aalad CSS dhab ah, sidaa darteed waxaad isticmaali kartaa. Qalabkani waa waxa uu go'aamiyo midabka qoraalka ee halbeeg. Haddii aad isku dayday inaad isticmaasho "text-color" ama "font-color" sida qalabka CSS, kuwani waa ku guuldareystaan sababtoo ah maaha qaybo dhab ah oo ka mid ah luqadda CSS.
Tusaale kale waa hanti "asal-muuqaal". Alaabtaasi waxay dejisaa sawir loo adeegsan karo asalka, sidaan oo kale:
.logo {
image-image: url (/images/company-logo.png);
}
Haddii aad isku dayday inaad isticmaasho "sawir asal ah" ama "gadaal-gundhig ah" sida hanti, waxay ku guuldareysteen sababtoo ah, mar kale, kuwani ma aha sifooyinka CSS dhabta ah.
Qaybaha CSS qaarkood
Waxaa jira tiro ka mid ah guryaha CSS oo aad isticmaali kartid si aad u qaabeysid goobta. Tusaalooyinka qaar waa:
- Xuduud (oo ay ku jirto qaabka xuduudaha, midabka xuduudaha, iyo xudduudaha xadka)
- Dhaqdhaqaaq (oo ay ku jiraan kuwa dufan-sare, caarada-saxda ah, caarada-hoosta, iyo caarada-bidix)
- Margins (oo ay ku jiraan margin-top, margin-right, margin-hoose, iyo margin-bidix)
- Qoys-ka-qoys
- Cabbirta-cabbirka
- Midabka hore-midabka
- Jaantuska
- Dhererka
Noocyada CSS-du waxay yihiin kuwo aad u wanaagsan in ay u adeegsadaan tusaalayaal, sababtoo ah dhamaantood waa kuwo toos ah, xitaa haddii aadan aqoon CSS, waxaad u maleyn kartaa inay ku qiyaasaan waxa ay ku sameeyaan iyadoo loo eegayo magacyadooda.
Waxaa jira sifooyin kale oo CSS ah oo aad la kulmi karto sidoo kale ma noqon karto sida cad sida ay u shaqeeyaan iyaga oo ku saleysan magacyadooda:
- Socda
- Cadee
- Dhoobad
- Qoraalka isbedelka
- Z-index
Markaad si qotodheer u noqoto naqshadda webka, waxaad la kulmi doontaa (oo aad isticmaashaa) dhammaan guryahaas iyo wixii ka sii badan!
Guryaha waxay ubaahanyihiin qiimo
Mar kasta oo aad isticmaasho hanti, waa inaad siisaa qiime - iyo guryaha qaarkood waxay aqbalaan oo keliya qiyamka qaarkood.
Tusaalihii ugu horreeyay ee "hantida", waa inaan u isticmaalnaa qiimaha midabka. Tani waxay noqon kartaa qiime sare , qiimaha RGBA, ama xitaa keywords keywords . Hase yeeshe, mid kasta oo ka mid ah qiimahaas ayaa shaqaynaya, si kastaba ha noqotee, haddii aad isticmaashay ereyga "gloomy" oo leh hantidan, waxba ma samayn doonin sababtoo ah, sida sharaxaadda sida ereygaasi noqon karo, ma aha qiime la aqoonsan yahay ee CSS.
Tusaalaheena labaad ee "asalka-sawirka" wuxuu u baahan yahay sawir muuqaal ah oo loo isticmaalo in la helo sawir dhab ah oo laga soo qaaday boggagaaga. Tani waa qiimaha / syntax ee loo baahan yahay.
Guryaha CSS dhamaantood waxay leeyihiin qiyamyo ay filayaan. Tusaale ahaan:
- Midabka xuduudaha ah wuxuu filayaa qiimaha midabka
- Qiyaasta xuduudaha ayaa ka filan qiimaha qiimaha, sida pixels ama boqolkiiba
- Noocyada Xuduuduhu waxay filayaan mid ka mid ah noocyada loo qoondeeyey ee hantida loo isticmaalo, sida "adag"
Haddii aad ku jirto liistada liiska CSS, waxaad ogaan doontaa in mid kasta oo ka mid ah uu leeyahay qiimo gaar ah oo ay isticmaali doonaan si loo abuuro astaamaha loogu talagalay.
Edited by Jeremy Girard