Sababta oo ah wareegto fudud ayaa fududeynaya codeynta
CSS, ama Cascading Style Sheets, waa qaabka qaabaynta qaabka webka loo qaabeeyey si loogu daro qaab muuqaal ah goobta. Iyada oo CSS, waxaad xakameyn kartaa habka bogagga, midabada, farshaxanka , sawirka asalka ah, iyo wax ka badan. Asal ahaan, haddii ay tahay qaab muuqaal ah, ka dibna CSS waa habka loo soo qaado qaababkaaga bogaggaaga.
Markaad ku darto qoraallada CSS, dukumiinti, waxaad ogaan kartaa in dukumiinti ay bilaabanayso in muddo dheer iyo in ka badan. Xitaa goob yar oo leh bogag badan oo bogag ah waxay ku dhammaataa faylka CSS oo aad u weyn - iyo goob aad u ballaaran oo leh tiro badan iyo bogag badan oo ka kooban waxyaabo gaar ah waxay yeelan karaan faylasha CSS oo aad u weyn. Tani waxaa ka dhexeeya goobo wax ku ool ah oo leh waraaqo badan oo warbaahineed oo lagu daray bogagga qaabka si ay u bedelaan sida muuqaaladu u egyihiin iyo bogga ay u sameeyaan shaashado kala duwan.
Haa, faylasha CSS waxay heli karaan dherer. Tani ma aha dhibaato weyn marka ay timaado waxqabadka goobta iyo xawaaraha download, maxaa yeelay xitaa faylka dheer CSS wuxuu u egtahay inuu yahay mid aad u yar (maadaama ay dhab ahaantii tahay dokumentiga qoraalka ah). Hase yeeshee, waxoogaa yar ayaa ku xisaabtamaya marka ay timaado xawaaraha bogga, sidaas darteed haddii aad samayn karto boggaaga macquul ah, waa fikrad wanaagsan. Tani waa meesha "comma" ay ku imaan karto mid aad u fiican oo ku qoran xaashidaada!
Commas iyo CSS
Waxaa laga yaabaa inaad ka yaabisay doorka jumalada ee ka ciyaaraya jadwalka xulashada CSS . Sida jumladaha, jamacadu waxay keeneysaa caddayn-ma ahan code-kuwa kala go'a. Mastaradda xulashada CSS-ka waxay kala sooceysaa xulashooyin badan oo isku mid ah.
Tusaale ahaan, aan eegno qaar ka mid ah CSS hoos.
th {color: cas; }
td {midab: casaan; }
p.red {midab: casaan; }
div # qashin {midab: casaan; }
Ereygan, waxaad dhihi doontaa waxaad rabto in aad tagto, td tags, qaybaha saqafka leh casaan fasalka, iyo taga div oo leh ID aqoonsiga oo dhan si ay u leeyihiin midabka cas cas.
Tani waa CSS-da la aqbali karo, laakiin waxaa jira laba dhibaato oo muhiim ah oo aad u qorto sidan:
- Mustaqbalka, haddii aad go'aansato inaad bedesho midabta font-ka ah kuwan guryaha si buluug ah, waa inaad bedesho isbedelkaas afar jeer oo ku qoran xaashidaada.
- Waxay ku dareysaa waxyaabo badan oo dheeraad ah oo ku qoran xaashidaada oo aanad u baahnayn. Noocyadaas 4 ah uma muuqan karaan sida qashin, laakiin haddii aad sidaan ku sii wadi laheyd dhamaan xaashidaada qaabka, xariiqyada ayaa isku dari doona oo xaashiduna waxay noqon doontaa mid aad u weyn, ka weyn tan u baahan tahay.
Si aad uga fogaato cilladahaas, iyo si aad u dejisid faylkaaga CSS, waxaan isku dayi doonaa isticmaalka malawadka.
Isticmaalka Ku-Xigidda Kala-xulayaasha
Halkii ay ku qori lahaayeen 4 xul oo kala duwan oo CSS ah iyo 4 qawaani, waxaad isku dhafan kartaa dhamaan noocyada kala duwan ee hantida xeerka iyada oo la kala soocayo xulashooyinka shakhsiga leh jumlad. Waa kuwan sida loo sameyn lahaa:
th, td, p.red, div # oo la burburiyey {midab: casaan; }
Dabeecada jinsiga ayaa astaan ​​u ah sida ereyga "iyo" gudaha gudihiisa. Markaa tani waxay quseysaa calaamadaha iyo Td tags iyo Tikidhada saadaarka ee casaanka fasalka gudaheeda. Taasi waa sida aan horey u soo aragnay, laakiin halkii ay ubaahan lahayd 4 xeerarka CSS, waxaan leenahay xeer keliya oo leh xulashooyin badan. Tani waa waxa uu u jinsi yahay doortaha, waxay noo ogolaaneysaa in aan helno xulayaal badan oo hal xeer.
Tilmaamkan oo keliya maaha mid u sahlan, feylayaasha CSS-da nadiifka ah, waxay sidoo kale ka dhigaysaa cusbooneysiinta mustaqbalka si aad u sahlan. Hadda haddii aad rabto inaad bedesho midabka casaan ilaa buluug, waxaad u baahan tahay kaliya inaad bedesho hal meel halkii aad ka heli laheyd xeerarka asalka ah ee 4-aad ee aan heysano! Ka fikir wakhtigan kaydka wakhtigan oo dhan dhamaan faylka CSS oo waxaad arki kartaa sida tani u badbaadin doonto labadaba iyo booska mudada dheer!
Isbeddelka Iskuxirka
Dadka qaarkiis waxay doortaan inay CSS ka dhigaan kuwo si sax ah u kala saari kara xulafe kasta oo khadka u gaar ah, halkii ay ku qori lahaayeen dhammaan xarfaha kor ku xusan. Tani waa sida loo sameyn lahaa:
th,
td,
p.red,
div # la tuuray
{
midab: casaan;
}
Ogeysiis in aad dhigto comma ka dib doorasho kasta ka dibna isticmaal "geli" si aad u jebiso doorbidaha ku xiga khadka. KA HELI Jinsiyada ka dib doorashadii ugu dambeysay.
Adiga oo isticmaalaya foobka u dhaxeeya xulashooyinkaaga, waxaad abuureysaa warqad qaabaysan oo isku dhafan oo sahlan in la cusbooneysiiyo mustaqbalka, taasina way fududahay in maanta la aqriyo!
Maqaalka asalka ah ee Jennifer Krynin. Waxaa sameeyay Edited by Jeremy Girard on 5/8/17