К содержанию

Mafunzo ya HTML na CSS kwa Kompyuta

Mafunzo rahisi ya uundaji wa tovuti kwa kutumia lugha za HTML na CSS kwa kompyuta na nadharia ya kina na seti ya matatizo.

Msingi wa CSS

Misingi ya Kufanya Kazi na Lugha ya CSS

Jinsi ya Kufanya Kazi na CSS

Maneno Muhimu ya Rangi katika CSS

Rangi Zote katika CSS

Upana na Urefu wa Vipengele katika CSS

Urekebishaji wa Maandishi katika CSS

Uratibu wa Maandishi Kulia kwenye CSS

Kuweka Maandishi Katikati kwa kutumia CSS

Urekebishaji Maandishi Kushoto katika CSS

Urekebishaji wa Maandishi Upande wa Kulia na Kushoto Wakati Huo Huo kwa CSS

Mazoezi ya Uratibu wa Maandishi kwenye CSS

Uzito wa Maandishi katika CSS

Italic katika CSS

Ukubwa wa Herufi kwenye CSS

Aina ya Herufi katika CSS

Mstari wa Spacing katika CSS

Thamani ya line-height bila vitengo katika CSS

Sifa ya Kifupi font katika CSS

Mstari Mwekundu wa Maandishi katika CSS

Athari za Maandishi katika CSS

አግልግሎት ማቅረብ በCSS

Mstari wa Juu wa Maandishi katika CSS

Kuvua Mistari Katika Maandishi kwa kutumia CSS

Kufuta Athari za Maandishi katika CSS

Mazoezi ya Sifa za Msingi za CSS

Wachaguzi

Uhusiano wa Familia ya Vitambulisho katika HTML

Urithi wa Sifa za CSS

Kukusanya Vikaguzi katika CSS

Sifa za Kawaida Wakati wa Kikundi Chaguzi katika CSS

Kichagua Kizazi katika CSS

Kichaguzi cha Mtoto katika CSS

Madarasa ya Vipengele katika CSS

Kichwa cha span kwa vipande vya maandishi katika HTML

Kitengo cha div cha kuweka vitengo vya lebo pamoja katika HTML

Kundi za Madarasa katika CSS

Kichwa cha CSS chenye Class Iliyobainishwa

Kichagua Vizazi na Madarasa katika CSS

Mchanganyiko Changamano wa Kichaguzi cha Vizazi na Vitendo katika CSS

Makosa ya Wanafunzi Wanaoanza katika Kichagua Kizazi

Kipengele chenye Darasa Nyingi za CSS

Kuchagua Kipengee kwa Id Anuwai katika CSS

Kichagio cha Id na Madarasa ya CSS

Matumizi ya id katika CSS

Kuchagua Kipengele Kulingana na Madarasa Kadhaa katika CSS

Vichaguzi Kadhaa Vilivyounganishwa kwenye CSS

Makosa Wakati wa Kutumia Kichaguzi Cha CSS Nyingi

Kundi la Vichaguzi Vilivyo changa katika CSS

Makosa Wakati wa Kukusanya Vichaguzi ngumu vya CSS

Mazoezi ya Uchambuzi wa Kuchagua CSS

Kipaumlio cha Vichaguzi CSS

Maoni Kuhusu Migongano ya Sifa za CSS

Kanuni za Uthabiti katika CSS

Kipaumlio cha Vichaguzi Vizazi katika CSS

Kichaguzi cha Jirani katika CSS

Kichaguzi cha Ndugu katika CSS

Kichagua-Cha-Ulimwengu-Kote katika CSS

Vichaguzi vya Sifa katika CSS

Hali za Viungo katika CSS

Ujanja wa Mlolongo wa Hali ya Viungo katika CSS

Hali za Viungo link na visited katika CSS

Matumizi ya Kawaida ya Hali ya Viungo katika CSS

Vichaguzi Vilivyochanganyika na Hali za Viungo kwenye CSS

Kiungo chenye Class katika CSS

Kuchagua Vipengele vya Mwisho katika CSS

Uchaguzi wa Vipengee Kulingana na Nafasi katika CSS

Uchaguzi wa Mtoto wa Kipekee katika CSS

Uchaguzi wa Vitu Vilivyo Wazi kwa CSS

Uchaguzi wa Vipengee Kulingana na Msimamo na Aina katika CSS

Kichaguzi cha Mkatao katika CSS

Urembo

Kuweka Rangi ya Msingi katika CSS

Misingi ya Kufanya Kazi na Mipaka katika CSS

Mipaka Kamili katika CSS

Mpaka wa Vitone kwenye CSS

Mpaka kwa Mfumo wa Kistariungio kwenye CSS

Mpaka wa Mviringo katika CSS

Mipaka Maribu katika CSS

Sifa ya Kifupi za Mipaka katika CSS

Mpaka kwa Pande Mbalimbali katika CSS

Kupindua Pembeni za Kiti katika CSS

Kupindua Pembeni ya Background katika CSS

Kutengeneza Duara kwa CSS

Kuviringisha Kona Tofauti za CSS

Maana Nne za Kukunja Kona za CSS

Maana Mbili za Kuviringisha Kona za CSS

Maana tatu za kuviringisha kwa pembe tofauti katika CSS

Kona Zilizopindika kwa Asilimia katika CSS

Kutengeneza Duara wakati wa Kuvuja Pembe kwa Asilimia katika CSS

Picha ya Usuli katika CSS

Kurudia Picha ya Background katika CSS

Sifa Zingine za Background katika CSS

Uchakataji wa Vielekeo vya Orodha ul katika CSS

Vipaule vya mraba kwa orodha ul katika CSS

Alama za Orodha ul kwa Mduara katika CSS

Kufanya kazi na alama za orodha ul katika CSS

Kutokuwapo na Vielelezo vya Orodha ul katika CSS

Kufanya Kazi na Vielelezo vya Orodha ya ol katika CSS

Nambari za Kirumi za Herufi Ndogo kwa Orodha ya ol katika CSS

Nambari Kuu za Kirumi kwa Orodha ya ol katika CSS

Herufi za Kilatini za mtindo wa mstari kwa orodha ya ol katika CSS

Herufi Kubwa za Kilatini kwa Orodha ya ol katika CSS

Herufi za Kigiriki za Mistari kwa Orodha ya ol katika CSS

Nambari zenye sifuri mbele kwa orodha ya ol katika CSS

Mfumo ya Kuzuia

Uchakata na Vipimo vya Nje margin katika CSS

Vipimo vya Pembeni (Margin) kwa Pande Mbalimbali katika CSS

Thamani Nyingi katika Sifa ya margin katika CSS

Maana Nne katika Sifa ya margin katika CSS

Thamani mbili katika sifa ya margin katika CSS

Thamani tatu katika mali ya margin katika CSS

Kufanya kazi na viingilio padding katika CSS

Vipako vya Ndani padding kwa Pande Mbalimbali katika CSS

Thamani Nyingi katika Sifa ya padding katika CSS

Kufanya Kazi na Vipingamizi padding katika CSS

Athari ya Mpaka juu ya Kupanua Vipengele katika CSS

Athari za Padding na Mpaka kwenye Kupanua Vipengele katika CSS

Kufutua Kupanua Vipengele katika CSS

Vipengele vya Block katika CSS

Upana na Urefu wa Kipengele cha Kizuia katika CSS

Upana wa Kipengele cha Kizuia katika CSS

Urefu wa Kipengele cha Kizuia katika CSS

Urefu wa Kipengele cha Kizuizi Bila Yaliyomo katika CSS

Vipengele Kadhaa vya Block karibu katika CSS

Vipengele vya Mstari katika CSS

Upana na Urefu wa Kipengele cha Mstari katika CSS

Vipengele Kadhaa vya Mtindo vilivyo Karibu kwenye CSS

Viungo kati ya vipengele vilivyopangwa kwa mstari katika CSS

Ufafanuzi wa Mfumo wa Kuzuia wa Vitambulisho vya HTML

Kufanya Kazi na Sifa display katika CSS

Vipengele vya Inline-Block katika CSS

Upana na Urefu wa Kipengele cha Inline-Block katika CSS

Upana wa Kipengele cha Inline-Block katika CSS

Urefu wa Kipengele cha Inline-Block katika CSS

Vipengele Kadhaa vya Inline-Block Karibu katika CSS

Uratibu Vipengele vya Block katika CSS

Urekebishaji wa Kipengele cha Block na Ukingo wa Kushoto katika CSS

Kusawazisha Kipengele cha Block na Padding ya Kulia kwenye CSS

Uratibu wa Vipengele vya Mtindo wa Mistari katika CSS

Kuweka Vipengele vya Mistari Katikati kwa CSS

Kati ya Vipengele Vya Mistari Mingi

Kusogeza Vipengele vya Mtajo kwenye Upande wa Kulia kwa CSS

Usawazishaji wa Vipengele vilivyo Inline-Block kwenye CSS

Kuatilia Kati Vipengele vya Inline-Block katika CSS

Uratibu Vipengele vya Inline-Block Kulia kwa CSS

Vifurushi Fleksi katika CSS

Urefu wa Mzazi wa Vipengele vya Flex katika CSS

Upana wa Mzazi wa Vipengele vya Flex katika CSS

Mzazi wa Inline-Block wa Vipengele vya Flex katika CSS

Vipando vya Padding ya Mzazi wa Vipengele vya Flex katika CSS

Vipinga margin kwa watoto katika CSS

Urekebishaji wa Vipengele vya Flex katika CSS

Kusawazisha Vipengele vya Flex Katikati kwa CSS

Uratibu Vipengele vya Flex Kulingana na Mzazi katika CSS

Urekebishaji wa Vipengele vya Flex Kulingana na Mzazi na Vipimo

Kusawazisha Vipengele vya Flex kwa Mzazi na Vipimo Vya Pembeni Sawa

Uwekaji

Uwekaji Kabisa wa Vipengele katika CSS

Uwekaji Wahusika wa Vipengele katika CSS

Uwekaji Nafasi Kuhusiana na Mzazi katika CSS

Uwekezaji Kuhusisha Mzazi Kamili katika CSS

Uwekaji Kabisa bila Kuratibu katika CSS

Kituo kupitia Absolute katika CSS

Thamani Hasibu katika Uwekaji Nafasi katika CSS

Uwekaji wa Kusimamishwa kwenye CSS

Kizuiza Kimoja Kwa Upana Wote Wa Skrini Katika CSS

Kuweka Vipengele kwenye Mhimili wa Z katika CSS

Udhibiti wa Kulainisha Vipengele kwenye Mhimili wa Z katika CSS

Ujanja wa Kutumia Thamani Hası za z-index katika CSS

Floati

Utangulizi wa Kipengele cha float katika CSS

Uvukaji wa Vipengele vinavyoelea kupitia vitengo vya lebo katika CSS

Mchanganyiko wa float na margin katika CSS

Mchanganyiko wa Float na Padding katika CSS

Vipengele Vinavyoelea Chini ya Vitambulisho kwenye CSS

Athari ya Vitu Vinavyoelea kwa Mzazi katika CSS

Urefu wa Mzazi wa Vitu Vinavyoelea kwenye CSS

Maandishi kwenye mzazi wa floats katika CSS

Kuegemea kwa CSS

Kufuta Mkondo kwa kutumia Sifa ya clear katika CSS

Tovuti Maalum yenye Kifungu cha Wazi katika CSS

Kufuta-Uboreshaji na Urefu wa Mzazi katika CSS

Sifa float kwa vitalu katika CSS

Sifa float na vitalu kadhaa katika CSS

Sifa ya float na mzazi bila maandishi katika CSS

Flexi

Kuweka Vipengele vya Flex Mstari au Safu kwenye CSS

Kuweka Vipengele vya Flex kwenye Safu Iliyogeuzwa kwenye CSS

Kuweka Vipengele vya Flex kwenye Safu wima kwa CSS

Kugeuza Safu wima na Vipengele vya Fleksi kwa CSS

Mihimili Kuu na Ya Msalaba katika Vitalu vya Flex katika CSS

Uratibu wa Vipengele vya Flex kwenye Mhimili Mkuu katika CSS

Uratibu Vipengele vya Flex kwenye Mhimili wa Kuvuka kwenye CSS

Thamani ya center ya align-items katika CSS

Kati bila Urefu wa Vizuizi katika CSS

Kati na Urefu Tofauti wa Vitalu katika CSS

Thamani ya stretch ya align-items katika CSS

Mazoezi ya Uratibu wa Mihimili katika CSS

Urekebishaji wa Kipengele Kimoja katika Mfumo wa Flex katika CSS

Mpangilio wa Flex Blocks katika CSS

Gridi

Utangulizi wa CSS Grid

Nyuzi na Mistari katika Gridi za CSS

Kuonyesha Gridi katika Kipochi ya Kivinjari

Idadi na Upana wa Safu Wima kwenye Gridi za CSS

Kipimo fr katika Gridi za CSS

Sehemu za Sehemu ndogo fr kwenye Gridi za CSS

Pikseli na Vitengo vya fr katika Gridi za CSS

Asilimia na Vitengo fr kwenye Gridi za CSS

Kazi ya repeat kwenye Gridi za CSS

Maana ya auto kwenye Gridi za CSS

Maana ya auto-fill katika Gridi za CSS

Kazi ya minmax katika Gridi za CSS

Maana ya auto-fit katika Gridi za CSS

Idadi na Upana wa Safu za Gridi za CSS

Kifupi kwa Safu na Safu Wima kwenye Gridi za CSS

Kuunganisha Safu kwenye Gridi za CSS

Kuunganisha Safu wima kwenye Gridi za CSS

Mchanganyiko wa Kuunganisha Mistari na Safu kwenye Gridi za CSS

Kuziba Mishororo katika Gridi za CSS

Umbali kati ya Safu wima kwenye Gridi za CSS

Umbali kati ya Safu katika Gridi za CSS

Umbali kati ya Safu Wima na Safu Mlalo katika Gridi za CSS

Kutumia Gridi ya CSS kwa Vibambo

Miundo

Kuunda Menyu kwa CSS

Miundo Rahisi ya Tovuti ya Safu Moja kwenye CSS

Mpango wa Miundo yenye Wrapper Nyingi katika CSS

Vifungu vya Muundo wa Tovuti katika HTML

Mpango wa Muundo wa Safu Mbili wa Tovuti katika CSS

Muundo wa Tovuti yenye Safu Tatu katika CSS

Vitengo Maalum kwa Vipengele vya Mpangilio wa Tovuti katika HTML

Vitambulishi Kuu vya Muundo katika HTML

Kichwa cha Sehemu katika HTML

Mazoezi kwenye Miundo kwa kutumia HTML na CSS