web-development

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