Baro si loo hagaajiyo eegitaanka boggaaga
Barashada sida foomamka qaabka leh CSS waa hab weyn oo lagu hagaajin karo muuqaalka boggaaga. Foomamka HTML waxay u muuqdaan kuwo ka mid ah waxyaabaha ugu xun uguna badan bogagga intooda badan. Waxay badanaa yihiin kuwo caajis ah iyo ujuurada oo ma bixiyaan wax badan habka qaabka.
Iyadoo CSS, oo isbedeli karta. Isku-dubarida CSS-ka ayaa leh qaabab aad u sareeya oo soo bandhigi kara foomamka qaar-fiican.
Bedel nambarada
Sida ku qoran qoraalka, waxaad bedeli kartaa midabada hore iyo midabyada qaabka foomka.
Habka sahlan ee lagu beddeli karo midabka asalka ah ee ku dhawaad walax kasta waa inuu isticmaalo hantida asalka ah ee midabtakoorka. Tusaale ahaan, lambarkan wuxuu khuseeyaa midabka buluuga ah (# 9cf) ee dhammaan qaybaha.
talada {
midabka asalka ah: # 9cf;
midabka: # 000;
}
Si aad u bedesho midabka asalka ah oo keliya qaababka foomka kaliya, kaliya ku dar textarea oo dooro qaabka. Tusaale ahaan:
gelinta, textarea, dooro {
midabka asalka ah: # 9cf;
midabka: # 000;
}
U hubso inaad bedesho midabka qoraalka haddii aad sameysid midabkaaga madow. Midabada ka soo horjeeda waxay ka caawisaa inay ka dhigaan xubno foomka ka baxsan. Tusaale ahaan, qoraalka ku yaal midab madow mugdi ah ayaa si sahlan loo akhrisan karaa haddii midabka qoraalka cad yahay. Tusaale ahaan, koodhani wuxuu qoraa cad cad oo asal ah.
gelinta, textarea, dooro {
midabka asalka ah: # c00;
midabka: #fff;
}
Xitaa waxaad ku dhejin kartaa midabtakoorka taariikhda isirka. Xasuuso in foomka arjiga uu yahay unug adag , haddaba midabku wuxuu ku buuxsamayaa leydi kasta oo dhan, ma aha oo kaliya meelaha ay ka mid yihin.
Waxaad ku dari kartaa asal jaalaha ah oo ku xiran aaladda jajab si aad u dhigto aagga, sida tan:
foomka {
midabka asalka ah: #ffc;
}
Ku dar Xuduudaha
Sida midabada, waxaad bedeli kartaa xuduudaha qaabab kala duwan. Waxaad ku dari kartaa xadka kaliya ee ku hareereysan foomka oo dhan. U hubso inaad ku darto dharka, ama qaybahaaga foomka ayaa lagu xiri doonaa dhanka xuduudda.
Halkan waxaa ku qoran tusaale ah lambarka xuduudaha 1-pixel madow ee leh 5 pixels ah:
foomka {
xadka: 1px adag # 000;
dhererka: 5px;
}
Waxaad xuduudaha ku dhejin kartaa in ka badan kaliya foomka laftiisa. Beddel xuduudda alaabta wax soo saarka si aad uga dhigto:
talada {
xuduudda: 2px dhufatay # c00;
}
Ka taxadar markaad xuduudaha ku dhejiso sanduuqyada waxtarka leh maadaama ay u muuqdaan kuwo ka hooseeya sida sanduuqyada sanduuqa markaa, qaarna dadku ma oga inay buuxin karaan foomka.
Isku diyaari Noocyada Style
Adigoo isku-dhex-dhexaadintaada ka dhigaya fikrado iyo qaar ka mid ah CSS-ga, waxaad samayn kartaa qaab muuqaal wanaagsan oo dhamaystiran oo dhameystiraya naqshadda iyo qaabeynta goobtaada.