Waa Maxay CSS?
CSS (Cascading Style Sheets) waa luqadda muuqaalka website-ka lagu sameeyo: midabada, fonts-ka, kala dhexaadka, layout-ka iyo responsive-ka. HTML waa qaab-dhismeedka, CSS waa qurxinta.
Sidoo kale loo yaqaan
CSS, CSS-ka, Cascading Style Sheets, styling
Sharaxaad
HTML keligiis page cad oo qoraal madow ah ayuu soo saaraa. CSS wuxuu HTML-ka u sheegaa sida uu u muuqdo: heading-ku cagaar ha noqdo, button-ku wareegsan, cards-ku saddex tiir. Xeer kasta wuxuu leeyahay selector (waxa la beddelayo) iyo properties (sida loo beddelayo). "Cascading" macnaheedu waa in xeerarku isku dul dhacaan oo kii ugu gaarka ah guulaysto.
Laba qaybood ayaa muhiim ah maanta. Flexbox waxyaalaha hal saf ama hal tiir ayuu ku habeeyaa, Grid shaxda laba dhinac ah. Labadaas markaad fahanto, layout kasta waad dhisi kartaa. Responsive design media queries ayaa lagu sameeyaa, si page-ku telefoonka iyo laptop-ka labadaba ugu fiicnaado. Tailwind CSS waa framework CSS-ka classes yaryar ka dhiga, laakiin CSS-ka aasaaskiisa haddaadan fahmin, Tailwind kuma wareeri doonto oo keliya, ee wax cusub ma dhisi kartid.
Tusaale
.card {
display: flex;
gap: 16px;
padding: 24px;
border-radius: 12px;
background: #f7f8f4;
}
Afar xeer, card nadiif ah. Isla class-ka boqol card ayaad siin kartaa, hal meel ayaadna ka beddelaysaa.
Halkee ayaad Dugsiiye ku baranaysaa?
Koorsada CSS oo dhammaystiran, Flexbox iyo Grid: CSS Masterclass. Tailwind: Tailwind CSS: Modern Websites. Bilow: Baro HTML Af-Soomaali.
Video-ga
Daawo meesha uu ereygu kaga hadlayo
Ways-ka Kala Duwan ee Styling-ka 6:00:00
Koorsooyinka
Halkan ayaad si buuxda uga baran kartaa
Su'aalo
Su'aalaha badanaa la weydiiyo
- CSS ma adag tahay?
- Bilowgu waa fudud yahay; layout-ka (Flexbox, Grid) ayaa waqti qaata. Tababar ayay u baahan tahay, ma aha xafidid.
- CSS mise Tailwind?
- CSS marka hore, Tailwind kadib. Tailwind-ku CSS ayuu ku dhisan yahay; fikradaha waa isku mid, qaabka qorista ayaa kala duwan.
Ereyo la xiriira
Sii wad akhriska
Waa Maxay HTML?
HTML (HyperText Markup Language) waa luqadda qaab-dhismeedka bogga internet-ka lagu qoro. Tags ayay ka kooban tahay, mid walbana wuxuu sheegaa waxa qaybtaasi tahay: cinwaan, qoraal, sawir, liis ama link.
Waa Maxay Tailwind?
Tailwind CSS waa framework CSS ah oo ku siiya classes yaryar (utility classes), sida flex, p-4 iyo text-center, si aad design-ka toos ugu qorto HTML-ka gudihiisa, adigoon file CSS ah u kala bixin.
Waa Maxay JavaScript?
JavaScript waa luqadda programming-ka ee websaydka nolol siisa. HTML-ku qaab-dhismeedka ayuu keenaa, CSS-ku quruxda, JavaScript-kuna wuxuu keenaa dhaqdhaqaaqa: button la riixo, xog la soo qaado, bog isbeddela.
Waa Maxay frontend?
Frontend waa dhinaca application-ka ee user-ku arko oo taabto: bogagga, badhannada, foomamka iyo dhaqdhaqaaqa shaashadda. Browser-ka ama telefoonka ayuu ku shaqeeyaa.