Baro sida loo abuuro xuduudda miiska CSS shan daqiiqo oo keliya
Waxaa laga yaabaa inaad maqashay in miisaska CSS iyo jaantusyada aan isku dhafan. Tani maahan runta. Haa, adigoo adeegsanaya jadwalada HTML ee qaabeynta qaabka naqshadeynta qaabka ugu fiican ee webka, ayaa lagu beddelay qaababka qaabka CSS, laakiin miisaska ayaa weli ah calaamadda saxda ah ee loo isticmaalo in lagu daro xogta xogta ee shabakadda.
Nasiib darro, sababta oo ah xirfadlayaal badan oo websayd ah ayaa ka xishoodey miisaska iyagoo u maleynaya in ay yihiin sun, qaar badan oo ka mid ah xirfadlayaashu waxay leeyihiin waayo-aragnimo yar oo la shaqeynaya arrintan guud ee caadiga ah iyo halganka marka ay tahay in ay ku qabtaan bogga. Tusaale ahaan, haddii aad leedahay miis ku yaal bog oo aad rabto in aad ku darto xariijimo gudaha ah unugyada miiska.
CSS Jadwalka
Markaad isticmaasho CSS si aad uhesho xuduudaha jadwalka, waxay ku darsataa xuduudda miiska dibadda. Haddii aad rabto inaad ku darto khadadka gudaha gudaha unugyada shakhsiga ee miiska, waxaad u baahan tahay inaad ku darto xudduudaha gudaha CSS gudaha. Waxaad sidoo kale isticmaali kartaa tagsiga HR si aad ugu darto xariiqyo gudaha unugyada shakhsiga ah.
Si aad u dalbato qaababka ku jira qodobkan, waa inaad si cad u leedahay miis ku yaal boggaaga internetka. Markaa waa inaad sameysid xaashid qoraal ah oo ah warqad gudaha ah oo ku taal madaxa dukumiintigaaga (waxaad u maleyneysaa inaad sidaan sameyso haddii "boggaagu" yahay hal bog) ama ku lifaaqan dukumiintiga sida warqad dibadeed (waa tan waxay samayn doontaa haddii boggaagu yahay bogag badan - kuu oggolaanaya in aad bogga ka soo saartid hal bog oo dibadda ah). Waxaad ku dhejin doontaa qaababka inaad ku darto khadadka gudaha gudaha waraaqda style.
Ka Hor Intaadan Bilaabin
Marka hore waxaad u baahan tahay inaad go'aansato meesha aad rabto in khadadka ay ka muuqdaan miiskaaga. Waxaad haysataa fursado dhowr ah, oo ay ka mid yihiin:
- Ku dhowaad dhammaan unugyada si loo sameeyo shabaqa;
- Meeleynta xarriiqyada u dhexeeya xarigaha;
- Kaliya inta u dhaxaysa safarka; ama
- Inta u dhaxeysa iskeelada ama safafka gaarka ah.
Waxa kale oo aad ku xiri kartaa xarumaha unugyada ama unugyada shakhsiga ah.
Sidee loo Dhifaa Xuduudaha Dhammaan Kansarka Miisaska
Si aad kuugu darto xariiqyo ku xeeran dhammaan unugyada miiskaaga, abuurista saamiga isku midka ah, ku dar waxyaalahan soo socda ee warqadda style:
td, th {
xuduudda: adag 1px madow;
}
Sida Loo Isticmaalo Xuduudaha Inta u dhaxaysa Xumada kaliya ee Miiska
Si loo daro khadadka u dhexeeya iskudhacyada (tani waxay abuurtaa khadadka tooska ah ee ka socota sare ilaa hoose ee tiirarka miiska), ku dar waxyaalahan soo socda ee warqadda style:
td, th {
xadka dhinaca bidix: adag 1px madow;
}
Ka dib, haddii aadan rabin inay ka soo baxaan tiirka koowaad, waxaad u baahan doontaa inaad ku darto fasalka kuwa unugyada iyo tdadaba . Tusaale ahaan, waxaan ku qaadannaa inaan haysano xuduud aan lahayn xudduudahaas waxaanan ka saari karnaa xadka iyada oo leh xeerkan CSS gaar ah. Sidaas halkan waa fasalka HTML waxaan isticmaali karnaa:
fasalka = "xuduud lahayn">
Ka dibna waxaan ku dari karnaa qaabka soo socda ee xaashida qaabka:
.badka xuduudda {
xuduudda-bidix: midna;
}
Sida Loo Isticmaalo Laynaha Inta u dhaxaysa Jadwalka Jadwalka
Sida marka lagu daro xarigaha u dhexeeya iskudhacyada, waxaad ku sameyn kartaa tan kaliya hal dabeecadeed oo fudud oo lagu daray xaashida qaabka. Qeybta CSS ee hoose waxay ku dareysaa khadadka tooska ah ee u dhaxeeya saf kasta oo ka mid ah miiska:
tr {
xudduudda hoose-hoose: adag 1px madow;
}
Iyo in laga saaro xuduudda hoose ee miiska, waxaad mar kale ku dareysaa fasalka u tagitaanka tr:
fasalka = "xuduud lahayn">
Ku dar qaabka soo socda ee xaashida style:
.badka xuduudda {
xuduudda hoose-hoose: midna;
}
Sida Loo Isticmaalo Layn Leh Dhexdhexaad Khaas ah ama Qadaro Jadwalka
Haddii aad rabto kaliya khadadka u dhexeeya saf ama khaanado gaar ah, waxaad u baahan tahay inaad fasal u isticmaasho unugyadaas ama safafyadaas. Ku dhajinta xariiqda u dhaxeysa salku wax yar way ka adag tahay inta u dhaxaysa safarka sababtoo ah waa inaad ku darto fasalka qol kasta oo ka mid ah qaybtaas. Haddii miiskaaga si toos ah looga soo saaro CMS nooca qaar , tani macquul maaha, laakiin haddii aad gacanta ku xareyso bogga, waxaad ku dari kartaa fasallo ku haboon sida loo baahan yahay si loo gaaro arrintaan.
fasalka = "xadka xuduudaha">
Ku darista khadadka u dhexeeya safafka ayaa aad u sahlan, maadama aad ku dari kartaa fasalka si aad uhesho lineka.
fasalka = "xadka hoose"
Ka dibna ku dar CSS-ga warqadda qaabka:
.baar dhinac ah {
xadka dhinaca bidix: adag 1px madow;
}
.baa ugu hooseeya {
xudduudda hoose-hoose: adag 1px madow;
}
Sida Loo-dhejiyo Xadhigaha Aroor Gaar ah ee Miiska
Si loogu daro xarumaha unugyada shakhsi ahaaneed, waxaad ku dareysaa fasalka qolalka aad rabto xuduudaha ku wareegsan:
fasalka = "xadka">
Kadibna ku dar CSS-ka soo socda warqadda qaabka:
.border {
xuduudda: adag 1px madow;
}
Sidee Loo Dhiibaa Laydh gudaha Gudaha Qaybta Shaqsiga ee Jadwalka
Haddii aad rabto inaad ku darto xariiqyo ku jira gudaha unugyada, habka ugu fudud ee tan loo samaynaayo waa la soco qaanuunka xeerka horjoogsanaya (
).
Talooyin waxtar leh
Haddii aad ogaato meelaha ka baxsan xuduudahaaga, waa inaad hubisaa in qaabka ciriiri-darrada ah loo dhigay miiskaaga. Ku dar waxyaalahan soo socda ee warqadda qaabka:
miis {
xuduudaha xuduudaha: burburay;
}
Waxaad iska ilaalin kartaa dhammaan CSS-ka kor ku xusan oo u adeegso sifududka xuduudaha miiskaaga. Hase yeeshee, si kastaba ha ahaatee, in sifihiisa, oo aan la sheegin, uu si weyn u yareyn karo CSS, maadaama oo kaliya aad ku qeexi karto xuduudda xuduudaha oo kaliya oo ku hareeraysan dhammaan unugyada miiska ama midna.