CSS - somo la 1: Maana ya CSS, kazi zake na historia yake
Katika somo hili utakwenda kujifunza maana ya CSS, pia nitakujulisha kazi zake. Mwisho utatambuwa historia ya CSS toka kuanzishwa.
CSS ni kifupi cha "Cascading Style Sheets" (Inatafsiriwa kwa Kiswahili kama "Vitambulisho vya Mtindo wa Kupangilia"). Ni lugha ya programu inayotumiwa kwa kawaida katika maendeleo ya wavuti ili kuunda na kuweka mtindo na muundo wa kurasa za wavuti. CSS inaruhusu wavuti kuonekana vizuri zaidi na kuwa na muundo unaofaa kwa kutumia mali za mtindo kama vile rangi, fonti, ukubwa wa maandishi, upana wa vifungo, nafasi, na zaidi.
Kwa kutumia CSS, unaweza:
1. Kupanga vitu vya kurasa za wavuti: Unaweza kudhibiti jinsi vitu kama vile maandishi, picha, vichwa vya habari, viungo, na sehemu zingine za kurasa zinavyoonekana na zinavyopangwa kwenye ukurasa.
2. Kurekebisha rangi na fonti: Unaweza kuchagua rangi za maandishi, historia, na fonti za maandishi kwa kurasa zako za wavuti.
3. Kuboresha utumiaji wa mtumiaji: CSS inaweza kutumika kutoa athari za hali ya juu kama vile michoro, mabadiliko ya rangi, na hoja za vitu wakati mtumiaji anavyoingiliana na kurasa za wavuti.
4. Kufanya kurasa za wavuti zipatikane zaidi: Kwa kutumia CSS kwa njia sahihi, unaweza kuboresha upatikanaji wa wavuti kwa watu wenye ulemavu na vifaa vya kutumia.
CSS inatumika kwa kutumia sheria za mtindo zinazoelezwa kwenye faili ya CSS na kisha kuunganishwa na kurasa za wavuti za HTML. Hii inaruhusu kuwa na udhibiti mkubwa juu ya jinsi maudhui yako yanavyoonekana na kuhisi kwa watumiaji wa wavuti.
HISTORIA YA CSS
CSS (Cascading Style Sheets) ilianzishwa na Håkon Wium Lie na Bert Bos. Håkon Wium Lie alikuwa mtaalamu wa teknolojia kutoka Norway, na Bert Bos alikuwa mtaalamu wa kompyuta kutoka Uholanzi. Wote walikuwa wakifanya kazi kwa pamoja kwenye Shirika la World Wide Web Consortium (W3C) wakati CSS ilipoanza kuundwa mnamo mwaka 1994.
Håkon Wium Lie alitoa wazo la kuunda lugha mpya ya mtindo ambayo ingeweza kutumika kudhibiti muundo na mtindo wa kurasa za wavuti bila kutegemea sana vitambulisho vya mtindo vilivyokuwa vikitumiwa wakati huo. Bert Bos alikuwa msanifu wa lugha ya mtindo ambayo ilifanikisha wazo hilo na kuanzisha CSS kama tunavyoijua leo.
Kwa pamoja, Håkon Wium Lie na Bert Bos walikuwa sehemu ya timu ili">...
Jiunge nasi WhatsApp kupata update zetu
Umeionaje Makala hii.. ?
👉1 kitabu cha Simulizi 👉2 Simulizi za Hadithi Audio 👉3 Kitabu cha Afya 👉4 Sira ya Mtume Muhammad (s.a.w) 👉5 Kitau cha Fiqh 👉6 Bongolite - Game zone - Play free game
Post zinazofanana:
CSS - somo la 34: if() Condition katika CSS
Katika somo hili, tutajifunza kipengele kipya kinachoitwa if() function ndani ya CSS, kilichoanza kupatikana kwenye toleo la Chrome 137. Kipengele hiki kinaturuhusu kuandika mantiki ya masharti moja kwa moja kwenye property ya CSS, bila kutumia JavaScript wala media query zilizotawanyika. Tutajifunza pia aina za queries: media(), supports(), na style() pamoja na matumizi yao ya kivitendo kwenye tovuti. Mwisho, tutaeleza kwa kina kuhusu pointer na any-pointer.
Soma Zaidi...CSS - somo la 6: Kuweka Background kwenye HTML kwa kutumia CSS
Katika somo hili, utajifunza jinsi ya kudhibiti muonekano wa sehemu ya nyuma (background) ya HTML element kwa kutumia CSS. Utaweza kuongeza rangi, picha, kuweka picha zisirudiwarudiwe, na hata kusogeza picha kwenye maeneo tofauti ya ukurasa.
Soma Zaidi...CSS - SOMO LA 16: Flexbox Basics
Katika somo hili, utajifunza msingi wa mfumo wa Flexbox unaotumika kupanga elementi kwa usahihi ndani ya kontena. Utajifunza kuhusu display: flex;, pamoja na properties muhimu kama justify-content, align-items, flex-direction, na gap.
Soma Zaidi...CSS - SOMO LA 33: CSS Frameworks
Katika somo hili tutajifunza kuhusu CSS frameworks mbalimbali zinazosaidia kuharakisha uundaji wa mitindo kwenye tovuti. Tutazungumzia frameworks maarufu kama W3.CSS, Bootstrap, Google Fonts, na nyinginezo, faida, matumizi, na tofauti zao.
Soma Zaidi...CSS - SOMO LA 7: Kutumia Fonti (Fonts) kwenye CSS
Katika somo hili utajifunza jinsi ya kudhibiti mwonekano wa maandishi kwa kutumia fonti kwenye CSS. Utajifunza jinsi ya kubadilisha aina ya fonti, ukubwa, mtindo, unene, na mpangilio wa maandishi ili yaweze kuonekana kwa mvuto na usomaji bora.
Soma Zaidi...CSS - SOMO LA 24: CSS Variables (Custom Properties)
Katika somo hili, tutajifunza kuhusu CSS Variables, au Custom Properties. Utajifunza jinsi ya kuunda, kuitumia, na faida za kutumia variables katika CSS ili kuweka msimamizi mzuri wa rangi, ukubwa, na mitindo mingine ya kurudia-rudia.
Soma Zaidi...CSS - SOMO LA 30: CSS Functions – calc(), clamp(), var(), min(), max() na Custom Functions
Katika somo hili, tutajifunza kuhusu CSS functions muhimu zinazotumika kufanya mahesabu, kuweka vipimo vya kisasa vinavyobadilika kulingana na hali ya kifaa, na kutumia variables. Tutazingatia functions kama: calc(), clamp(), var(), min(), max(), na mwishoni tutajifunza jinsi ya kutengeneza custom function kwa kutumia variables.
Soma Zaidi...CSS - SOMO LA 18: Grid Layout
Katika somo hili, utajifunza misingi ya CSS Grid Layout, mfumo wenye nguvu wa kupanga vipengele katika safu (rows) na nguzo (columns). Tutachambua display: grid, pamoja na grid-template-columns, grid-template-rows, gap, grid-column, na grid-row.
Soma Zaidi...CSS - SOMO LA 32: Custom Fonts na @font-face
Katika somo hili tutajifunza jinsi ya kutumia fonts za kipekee (custom fonts) katika tovuti kwa kutumia njia mbili kuu: Google Fonts na @font-face. Tutajifunza pia sababu za kutumia fonts maalum, faida zake, na jinsi ya kuzidhibiti kwenye CSS.
Soma Zaidi...CSS - somo la 4: Aina za css selecto
Katika somo hili uatkwenda kujifunza aina za css selectors
Soma Zaidi...