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.. ?
Share On:
Katika somo hili utajifunza kuhusu property muhimu ya CSS inayoitwa display, ambayo huamua jinsi element inavyoonyeshwa kwenye ukurasa. Tutachambua aina kuu za display: block, inline, inline-block, na none.
Soma Zaidi...Katika somo hili tutajifunza kuhusu CSS Timing Functions, ambazo hutumika kudhibiti kasi na mtiririko wa transition na animation. Utaelewa tofauti kati ya ease, linear, ease-in, ease-out, ease-in-out, pamoja na jinsi ya kutumia cubic-bezier() kwa kudhibiti mwendo wa mabadiliko kwenye elementi.
Soma Zaidi...Katika somo hili, utajifunza jinsi ya kudhibiti mipaka (borders) ya vipengele kwa kutumia CSS. Tutajifunza namna ya kuweka unene wa border, rangi, aina ya mstari, na pia jinsi ya kutumia border kwa upande mmoja tu.
Soma Zaidi...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...Katika somo hili tutajifunza kwa kina kuhusu CSS Shorthand Properties — ni nini, jinsi zinavyofanya kazi, faida zake, na mifano mbalimbali ya kutumia shorthand kuandika CSS kwa njia fupi na bora zaidi.
Soma Zaidi...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...Katika somo hili, tutajifunza kuhusu CSS Specificity — yaani mfumo wa kipaumbele unaotumiwa na kivinjari kuchagua ni mtindo (style) upi utumike iwapo kuna migongano kati ya selectors mbalimbali. Utaelewa jinsi ya kupanga selectors zako vizuri ili kuzuia matatizo ya mitindo kutofanya kazi kama ulivyotarajia.
Soma Zaidi...Simulizi hii inaelezea maisha ya nyuki dume, zinazojulikana kama drone. Inafafanua majukumu yao, maisha yao ya kila siku ndani ya kiwanda cha nyuki, na hatima yao baada ya kufanikisha kuzaliana na kifalme cha nyuki. Simulizi pia inaangazia tofauti zao na nyuki wa kike, na umuhimu wao katika uzazi wa kifalme.
Soma Zaidi...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...Katika somo hili, utajifunza jinsi ya kudhibiti upana (width) na urefu (height) wa elementi katika CSS. Pia utaelewa tofauti kati ya max-width, min-width, na jinsi overflow inavyodhibiti tabia ya content inayoizidi element.
Soma Zaidi...