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 web hosting 👉2 Dua za Mitume na Manabii 👉3 Kitabu cha Afya 👉4 Tafasiri ya Riyadh Swalihina 👉5 Bongolite - Game zone - Play free game 👉6 Sira ya Mtume Muhammad (s.a.w)
Post zinazofanana:
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 10: Box Model katika CSS
Katika somo hili utajifunza muundo wa boksi (Box Model) katika CSS. Box model ni mfumo wa msingi wa kupanga vipengele katika ukurasa wa HTML, ukiwa na sehemu kuu nne: content, padding, border, na margin.
Soma Zaidi...CSS - somo la 5: Njia tano zinazotumika kuweka rangi kwenye css
Katika somo hili utajifunza aina tano za kuweka rangi kw akutumia css
Soma Zaidi...CSS - SOMO LA 23: Uelewa Zaidi wa CSS Animation na Transition
Somo hili linakuletea ufahamu wa kina juu ya CSS Transitions na Animations, likifafanua vipengele vyake muhimu, matumizi, na namna ya kutumia properties mbalimbali za animation kwa ufanisi katika kurahisisha muonekano na mtumiaji wa tovuti.
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 27: Kutumia @import Katika CSS
Katika somo hili, tutajifunza kuhusu @import — amri inayotumika kuingiza faili moja la CSS ndani ya jingine. Tutaona namna ya kuitumia, faida zake, hasara zake, na tofauti kati yake na njia mbadala ya <link> ndani ya HTML.
Soma Zaidi...CSS - SOMO LA 17: Flexbox Advanced
Katika somo hili, utajifunza vipengele vya juu zaidi vya Flexbox: flex-wrap, flex-grow, flex-shrink, na flex-basis. Pia tutajifunza jinsi ya kujenga muundo wa safu (rows) na nguzo (columns) kwa kutumia Flexbox layout.
Soma Zaidi...CSS - SOMO LA 19: Pseudo-classes na Pseudo-elements
Katika somo hili, utajifunza kuhusu pseudo-classes kama :hover, :first-child, na :last-child, pamoja na pseudo-elements kama ::before, ::after, na ::selection. Hizi husaidia kubadili au kuongeza mitindo maalum kulingana na hali ya elementi au sehemu maalum ya elementi.
Soma Zaidi...CSS - SOMO LA 15: Float na Clear katika CSS
Katika somo hili utajifunza jinsi ya kutumia float ili kupanga elementi upande wa kushoto (left) au kulia (right). Pia utajifunza jinsi ya kutumia clear kuondoa athari za float na kuhakikisha layout yako inabaki thabiti.
Soma Zaidi...CSS - SOMO LA 8: Upambaji wa Maandishi (Text Styling)
Katika somo hili, utajifunza mbinu mbalimbali za kubadilisha muonekano wa maandishi kwa kutumia CSS, kama vile kupamba maandishi kwa mistari, kivuli, nafasi kati ya herufi, na mpangilio wa maneno.
Soma Zaidi...