picha

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 iliyofanya kazi kwenye CSS kwa niaba ya W3C, na matokeo yake yalikuwa viwango vya CSS Level 1 na baadaye CSS Level 2. Wao ndio waliochan...

Ingia sasa ili uweze kusoma makala hii yote.

Zoezi la Maswali

Nyuma Endelea


Umeionaje Makala hii.. ?

       
Author: Rajabu image Tarehe: 2024-05-10 14:53:23 Topic: CSS Main: Masomo File: Download PDF Views 1662

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 Dua za Mitume na Manabii     👉2 Kitau cha Fiqh     👉3 Sira ya Mtume Muhammad (s.a.w)     👉4 kitabu cha Simulizi     👉5 Kitabu cha Afya     👉6 Tafasiri ya Riyadh Swalihina    

Post zinazofanana:

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 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 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 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 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...