Ka saar Khadka hoosta kuxir ah ama Abuur ciriiri, ama Xiriirro Labaad oo Lagu Daray
By default, web browserswave qaar ka mid ah style CSS in ay ku dalbadaan si gaar ah HTML. Haddii aadan ku dhejin waxyaabahaan ku dhejisan boggaga qaabka gaarka ah ee boggaaga, markaa mudnaanta ayaa lagu dabaqi doonaa. Xeeladahaan, qaabka muuqaalka caadiga ah waa in qoraal kasta oo la xidhiidha uu noqon doono mid buluug ah oo hoosta ka xariiqaya. Dajirku wuxuu sameeyaa si sidaas darteed booqdayaasha goobta waxay si sahlan u arki karaan qoraalka ku xiran. Qaar badan oo naqshadeeyayaasha shabakadu ma daryeeshaan qaababka caadiga ah, gaar ahaan kuwa hoosta kuxusan. Nasiib wanaag, CSS waxay u sahlaysaa bedelida muuqaalka kuwa hoos yimaada ama si buuxda looga saaro.
Ka-saarista Xidhiidhka ku-lifaaqan ee Xiriirka
Qoraalka hoos ku qoran wuxuu noqon karaa mid aad u adag in la akhriyo qoraalka aan hoosta lagu qorin. Intaa waxaa dheer, naqshadeeyayaasha badani si fudud uma fiirsanayaan muuqaalka xiriirka hoose ee text. Xaaladahaan, waxaad u badan tahay inaad rabto inaad hoos u dhigto kuwan hoos ku xusan.
Si aad uga soo saarto hoosta hoose ee xiriirinta qoraalka, waxaad isticmaali doontaa qoraalka qoraalka ee CSS. Halkan waa CSS aad u qori lahayd sidan:
Qoraal-qurxin: midna; }
Iyadoo hal xaraf ah ee CSS, waxaad ka saari doontaa hoosta ka soo dhammaan xiriirinta qoraalka. Inkasta oo tani ay tahay qaab guud oo guud (waxay isticmaashaa qalabka wax lagu doorto), wali waxay leedahay qaas u gaar ah marka loo eego qaababka dijitaalka ah. Sababtoo ah qaababka caadiga ah ayaa ah waxa abuura hoostaada si aad u bilawdo, taasina waa waxa aad u baahan tahay inaad ku qorto.
Digniin ku Saabsan Qalabka Hoosaadyada
Muuqaal ahaan, ka saarista hoosta ayaa laga yaabaa inay noqoto waxa aad rabto inaad ku dhammeysato, laakiin waa inaad taxaddar samaysaa markaad sidan sameyso. Haddii aad jeceshahay aragtida xiriirinta hoose ama aanad ku jirin, kama doodi kartid in ay caddeeyaan sida qoraalku ku xiran yahay iyo kan aan ahayn. Haddii aad qaadato hoostaada ama aad bedesho midabada caadiga ah ee buluugga ah, waa inaad hubisaa inaad bedesho qaababka weli u oggolaanaya qoraalka la xidhiidha inay istaagaan. Tani waxay ka dhigi doontaa waayo-aragnimo intaa ka badan ee booqdayaasha goobtaada.
Ha kuxirin xarumaha aan xirnayn
Digniin kale oo ku saabsan isku xirka iyo hoosta, hoosta ha ku dhajin qoraalka kaas oo aan ahayn isku xirnaanta sida dariiqa loo xoojinayo. Dadku waxay filanayaan in qoraalka hoosta ka muuqda uu noqdo mid isku xiran, sidaas darteed haddii aad qadarinayso nuxurka si aad u xoojisid culeyska (halkii aad ka dhigan lahayd mid adag ama dib loo dhigayo), waxaad diraysaa fariin qalad ah oo aad ku wareeri kartaa isticmaalayaasha goobta.
Isbeddelka Xuddunta Dhibcaha ama Dhibaatooyinka
Haddii aad rabto inaad xajiso xiriirinta qoraalkaaga hoosta, laakiin bedesho qaabka ay hoosta ka eegto muuqaalka caadiga ah, kaas oo ah "linei", waxaad sidan samayn kartaa. Intii aad ku jiri lahayd khadad adag, waxaad isticmaali kartaa dhibco si aad u xajisid xidhiidhkaaga. Si arrintan loo sameeyo, waxaad weli ka saari doontaa hoosta hoosta, laakiin waxaad ku bedeli doontaa hantida qaabka hoose ee hoose:
Qoraal-qurxin: midna; xadka xudduudaha: 1px xariiqda; }Maadaama aad ka soo bixisay qiyaasta hoosta ah, hal dhibcood waa midka kaliya ee soo muuqda.
Waxaad sameyn kartaa wax la mid ah si aad u hesho dhaleeceyn. Kaliya beddel qaabka xuduudaha-hoose si uu u gooyo:
Qoraal-qurxin: midna; xadka xudduudaha: 1px dhoobo; }Beddel Midabka Midabka
Siyaabo kale oo aad ugu soo jiidan kartid xiriirkaaga waa inaad bedesho midabka hoosta. Kaliya hubso in midabkaagu ku haboon yahay nidaamka midabkaaga .
Qoraal-qurxin: midna; xadka xuduudaha: 1px guduud adag; }Labo Qodobo Kale
Hadafka loo isticmaalo isticmaalka labalaabood ee hoose waa inaad adigu bedesho xuduudda xuduudda. Haddii aad sameysid xuduud dhererkiisu yahay 1px, waxaad ku xiran doontaa labalaab gacmeed kaas oo u eg sida hal qormo.
Qoraal-qurxin: midna; xadka xuduudaha: 3px double; }Waxa kale oo aad isticmaali kartaa hoosta hoosta ah si aad u sameyso labalobarro kala duwan oo leh sifooyin kale, sida mid ka mid ah safafka la jarayo:
xuddun-hoose: 1px double; }Diyaarsoow "La socodsii Dowladaha Xidhiidhka ah
Waxaad ku dari kartaa qaabka xudduudaha hoose ee xidhiidhadaada kala duwan sida: Hover,: firfircoon, ama: booqday. Tani waxay abuuri kartaa waayo-aragnimo habboon oo "casriyayn" ah oo loogu talagalay dadka soo booqda markaad isticmaasho fasalka "hover". Si aad u sameysatid astaanta labaad ee hoosta ka muuqata markaad ka sii gudubto iskuxirka:
Qoraal-qurxin: midna; } a: hover {xudduud hoose-hoose: 1px dotted; }Maqaalka asalka ah ee Jennifer Krynin. Edited by Jeremy Girard