Kooxda Xubnaha CSS-ka ee kala-gaaban si loo hagaajiyo xawaaraha
Waxtarkiisu waa arrin muhiim ah oo ku jirta bogga guusha. Websaydaani waa inuu ahaadaa mid wax ku ool ah sida loo isticmaalo sawirrada internetka . Tani waxay kaa caawin doontaa inaad hubiso in goobta ay si fiican u qabato martida iyo si dhakhso ah ugu dhejiso qalabkooda. Hufnaantu sidoo kale waa inay noqotaa qayb ka mid ah hannaankaaga guud, kaa caawinaya inaad sii wadatid horumarka goobta ee waqtiga iyo miisaaniyadda.
Ugu dambeyntii, tayada ayaa kaalin ka qaadata dhamaan dhinacyada abuurista bogga iyo guusha muddada dheer, oo ay ku jiraan qaababka loo qoray qoraallada CSS ee goobta ah. Inaad awood u yeelatid inaad abuurto ciribtiraha, faylasha CSS-ka nadiifka ah waa mid ku habboon, iyo mid ka mid ah siyaabaha aad ku gaari kartid tan waxaa sameeya kooxo kala duwan oo CSS ah.
Xulashada Kooxda
Markaad xulato xulayaasha CSS , waxaad u isticmaali kartaa qaabab isku mid ah dhowr waxyaalood oo kala duwan adoo ku celineynaya qaababka ku qoran xaashidaada. Intii aad lahaan lahayd laba ama sadex ama in ka badan xeerarka CSS, dhammaantood waxay sameeyaan wax isku mid ah (tusaale, u dhig midabka midabka casaan), waxaad leedahay hal xeer oo CSS ah oo ku shaqeeya boggaaga.
Waxaa jira dhowr sababood oo sababta "xulashada xulayaasha" ay faa'iido u tahay bog. Dambiga ugu horeeya, xaashidaada yaryar waxay noqoneysaa mid yar oo aad u dhaqso badan. Sida cad, qaabka muuqaalku maaha mid ka mid ah culeysyada ugu muhiimsan marka ay timaado goobo gaabis ah. Faylasha CSS waa faylal qoraal ah, sidaas darteed xitaa dhab ahaantii CSS calaamaduhu waa kuwa yar yar, faylka caqliga leh, marka la barbardhigo sawirada aan la isticmaalin. Hase yeeshee, waxoogaa yar ayaa tirinaya, oo haddii aad xiirto xajmiga cabbirkaaga CSS-kaaga oo aad ku dhejin kartid bogagga xawaaraha badan, had iyo jeer waa wax fiican.
Guud ahaan, xawaare ka sarreeya heerka xajmiga ee goobaha waxay ka yaryihiin 3 ilbiriqsi; 3 illaa 7 ilbidhiqsi waa isku celcelis, iyo in ka badan 7 ilbiriqsi waa mid aad u gaabis ah. Tirooyinkan hooseeya waxay ka dhigan yihiin, in lagu gaaro goobtaada, waxaad u baahan tahay inaad sameyso waxkasta oo aad kartid! Tani waa sababta aad u caawin karto in aad boggaaga si deg deg ah u isticmaasho isticmaalayaasha CSS-ka kooxaysan.
Sida loo kala doorto Kooxda CSS
Si aad u xulato xulayaasha CSS-ga ee ku jira xaashida qaabka, waxaad isticmaashaa balaarin si aad u kala-xulato kooxo kala duwan oo ku jira qaabka. Tusaalahan hoos ku xusan, qaabku wuxuu saameeyaa p iyo div walxaha:
div, p {color: # f00; }Goobta asaasiga ah macnaheedu waa "iyo". Sidaa daraadeed doorashadan waxay khuseysaa dhammaan qaybaha sadarrada iyo walxaha kala qaybinta. Haddii jumladda ay maqan tahay, waxay noqon laheyd dhammaan qodobada cutubyada oo ah cunug kala qaybsan. Taasi waa nooc ka duwan oo kala duwan, sidaas awgeed jinsiyaddani dhab ahaantii waxay bedeshaa macnaha kalgacalaha!
Nooc kasta oo xulasho ah ayaa lagu dari karaa xulasho kale. Tusaalahan, xulashada fasalka waxaa lagu kala soocayaa xulashada aqoonsiga:
p.red, #sub {color: # f00; }Sidaa daraadeed qaabkani wuxuu khuseeyaa cutub kasta oo leh astaamaha fasalka "casaan", iyo walax kasta (tan iyo markii aan noo sheegnay nooca) kaas oo leh astaamo aqoonsi "sub".
Waxaad isku dardari kartaa doorashooyin kala duwan, oo ay ku jiraan xulashooyinka kuwaas oo ah kelmado keligood ah iyo xulafo doorasho. Tusaalahan waxaa ka mid ah afar xulasho oo kala duwan:
p, .red, #sub, div a: link {color: # f00; }Sidaa daraadeed xeerkan CSS ayaa khuseeya arrimaha soo socda:
- Wax kasta oo ku xigta cutub
- Walax kasta oo leh fasalka "casaan"
- Walax kasta oo leh aqoonsi "sub"
- Qeybta "link" ee fasalka qalinka ah ee qaybaha kalluumeysiga ah ee ka soo horjeeda qaybta.
Doorka ugu dambeeya ee doorashadu waa halbeegga maadada. Waxaad arki kartaa in si fudud loo dhexgeliyo xulashada kale ee xeerkan CSS. Iyadoo xeerkani, waxaan dejineynaa midabka # f00 (taas oo casaan) 4 xulashadahaan, taas oo ka doorbideysa inay qoro 4 xul oo kala duwan si ay u gaaraan natiijo isku mid ah.
Faa'iido kale oo ka mid ah xulashada xulashadu waa in, haddii aad u baahan tahay inaad bedesho, waxaad bedeli kartaa hal keli keli ah ee CSS halkii aad ka heli laheyd mid badan. Tani waxay ka dhigan tahay in qaabkani badbaadinayo miisaankaaga iyo waqtiga bogga marka uu yimaado si loo sii wado goobta mustaqbalka.
Waxyaabo kasta oo la doorto ayaa la isku dari karaa
Sida aad ka arki kartid tusaalayaasha kor ku xusan, wax walba oo doorasho ah ayaa lagu dari karaa koox, dhammaan walxaha dukumiintiga u dhigma dhammaan qaybaha kooxeed waxay yeelan doonaan qaab isku mid ah oo ku saleysan hantida qaabka.
Dadka qaarkiis waxay door bidaan in ay ku qoraan qaybaha kala duwan ee xarumaha kala duwan ee sharciyeynta ee code. Muuqaalka muuqaalka bogga iyo xawaaraha xawaaraha waa isku mid. Tusaale ahaan, waxaad isku dari kartaa noocyada kala tagsan oo u kala soocaya midda hal qaab oo halbeeg ah:
th, td, p.red, div # oo la burburiyey {midab: casaan; }
ama waxaad ku qori kartaa qaababka khadka shaqsiyadeed si cad:
th,
td,
p.red,
div # la tuuray
{
midab: casaan;
}
Mid kasta oo aad isticmaasho si aad uhesho xulayaasha kala duwan ee CSS waxay kordhinayaan boggagaaga waxayna fududeynayaan si ay u maareeyaan duruusta muddada dheer.
Maqaalka asalka ah ee Jennifer Krynin. Waxaa sameeyay Edited by Jeremy Girard on 5/8/17.