CSS, ama Cascading Style Sheets, waa waxa loo isticmaalo qaab casriga casriga ah si loogu dabaqo muuqaalka muuqaalka bogga. Inkasta oo HTML uu abuuro qaabka bogga iyo Javascript wax ka qaban karaa anshaxyada, muuqaalka iyo dareemida websiteka waa domainka CSS. Marka ay timaaddo qaababkaas, waxaa badanaa la isticmaalaa iyadoo la isticmaalayo qaabab dibedda ah, laakiin sidoo kale waxaad isticmaali kartaa qaababka CSS-da oo ah hal weedh gaar ah adoo isticmaalaya waxa loo yaqaan "qaababka qadka."
Noocyada khadadka ah waa qaababka CSS ee si toos ah loogu adeegsado HTML-ka bogga. Waxaa jira labadaba faa'iido iyo faa'iido darro xagga habkan. Marka hore, aan eegno sida dhabta ah ee qaabkani u qoran yahay.
Sidee loo Qoraa Hab Dhaaf ah
Si aad u abuurto qaab CSS-ka ah, waxaad billaabeysaa adoo qoraya gurigaaga qaabka la midka ah sida aad u isticmaaleysid xaashida qaabka, laakiin waxay u baahan tahay inay noqoto hal xariiq oo dhan. Kala soocida guryaha kala duwan oo leh meeldhexaad ah sida aad u isticmaali lahayd xaashida qaabka.
asalka: #ccc; midabka: #fff; xuduudda: midab madow 1px;
Ku dhaji khadkaas qaabka qaabka muuqaalka ee qaabka aad rabto in la qaabeeyo. Tusaale ahaan, haddii aad dooneysey inaad ku dabaqdo qaabkan cutubka ku jira HTMLkaaga, arrintan ayaa u eg sidan:
Tusaalahan, cutubkani gaar ahaaneed wuxuu u muuqan doonaa asalkoodu iftiinkiisu yahay (taasi waa waxa #ccc bixin lahaa), qora madow (oo ka mid ah midabka # 000), iyo 1-pixel xuduudda madow oo ku wareegsan dhammaan afarta qaybood ee cutubka .
Faa'iidooyinka qaababka khadka tooska ah
Waad ku mahadsantihiin qaabka cascade Style Cascading Style Fikradaha ay leedahay ugu sarreysa ama gaar ahaaneed ee dukumeentiga. Tani waxay ka dhigan tahay in la adeegsanayo iyada oo aan loo eegin waxa kale ee lagu qeexay qaabkaaga dibedda ah (iyada oo laga reebo mid ka mid ah nooc kasta oo la bixin karo! Cadeyn muhiim ah ee xaashida, laakiin tani ma aha wax laga qaban karo goobaha waxsoosaarka haddii laga fogaan karaa).
Noocyada kaliya ee leh heer sare oo ka sarreeya qaababka qadka tooska ah ayaa ah qaababka isticmaalaha oo ay isticmaalaan akhristayaasha naftooda. Haddii ay dhibaato kaa haysato helitaanka isbeddeladaada si aad u dalbato, waxaad isku dayi kartaa in aad sameysid qaab ku habboon oo ku saabsan qeybta. Haddii qaababkaada wali aanad muujin adigoo isticmaalaya style qaab, waxaad ogtahay inay jiraan wax kale oo socda.
Noocyada bilowga ah waa kuwo sahlan oo degdeg ah oo lagu dari karo oo uma baahnid inaad ka walwasho qorista xulaha CSS saxda ah tan iyo intaad ku darayso qaababka si toos ah udubka aad rabto inaad isbeddesho (taasi waxay asal ahaan ka beddeshaa doorbidaha aad ku qori lahayd warqad dibadda ah ). Uma baahnid inaad sameyso dukumiinti cusub oo cusub (sida qoraallada dibadda ah) ama waxaad ku dallacdaa walxaha cusub ee madaxa dukumintigaaga (sida qoraallada qaabka gudaha). Kaliya waxaad ku dartaa sifooyinka muuqaalka ah ee ku oogan ku dhowaad walxaha HTML kasta. Kuwani waa dhammaan sababaha aad uheli kartid inaad u isticmaasho qaababka qadka tooska ah, laakiin waa inaad sidoo kale ka warqabtaa qaar ka mid ah faa'iidooyinka aadka u daran ee habkan.
Dhibaatooyinka qaababka khadka tooska ah
Sababtoo ah qaababka qadka tooska ah ayaa ah kuwa ugu caansan ee qashinka ah, waxay ku dhaafi karaan waxyaabo aadan ujeedin. Waxay sidoo kale diidaan mid ka mid ah qaybaha ugu awoodda badan ee CSS - awood u leh inuu qaabeeyo noocyo badan iyo bogag badan oo ka mid ah faylka CSS-ka dhexe si loo sameeyo casriyeynta mustaqbalka iyo qaabka isbeddel badan si ay u maareeyaan.
Haddii ay tahay inaad isticmaasho qaababka qadka tooska ah, dukumintiyadaada si dhakhso ah ayey u noqonayaan mid adag oo ay adag tahay in la sii wado. Tani waa sababta oo ah qaababka qadka tooska ah waa in lagu dabaqo walx kasta oo aad rabto. Sidaa darteed haddii aad rabto dhammaan faqradahaaga si aad uhesho qoyska "Arial", waa inaad ku dartaa habka isdabajooga ah ee dukumintigaaga. Tani waxay sii kordhineysaa shaqada dayactirka ee naqshadeeyaha iyo waqtiga soo-qaadashada ee akhristaha madaama aad ubaahantahay inaad bedesho bogganaga boggaaga si aad u bedesho font-family. Haddii kale, haddii aad isticmaasho naqshado kala duwan, waxaad awoodi kartaa inaad bedesho hal meel isla markaana bog kasta oo aad hesho boggaas cusub.
Run ahaantii, tani waa talaabo dib u dhac ku ah naqshadeynta webka - dib u celin maalmaha tag!
Dhibaatooyinka kale ee qaababka khadka tooska ah waa in aysan suurtagal ahayn in qaababka loo yaqaan 'pseudo-elements' iyo -classes iyaga oo leh. Tusaale ahaan, oo leh qaabab dibadda ah, waxaad qaabeyn kartaa booqashada, jiidashada, firfircoon, iyo midabka isku xiran ee taakulaynta, laakiin leh qaab isdabajoog ah, dhammaanba qaabka aad uheli kartid waa isku xirnaanta laftiisa, sababtoo ah taasi waa waxa astaamaha muuqaalku ku xiran yahay .
Ugu dambeyntii, waxaan kugula talineynaa inaadan isticmaalin qaababka qadka tooska ah ee bogaggaaga boggaaga sababta oo ah waxay dhibaato u keenayaan waxayna bogagga ka dhigayaan shaqooyin badan oo badan oo lagu hayo. Wakhtiga kaliya ee aan u isticmaalno waa marka aan rabno in aan si dhaqso ah u eegno qaabka horumarinta. Mar haddii aan helnay si sax ah oo loo eego hal element, waxaan u gudbineynaa xaashida qaabka dibadda.
Maqaalkani waa Jennifer Krynin. Edited by Jeremy Girard.