Course Schedule

CSS Basic Tutorial

• Mafunzo ya CSS
• Muhtasari wa CSS
• Inayotafsiriwa kwa CSS
• Muundo wa Chaguo la CSS
• Tukio la CSS
• Kuzungumza kwa CSS
• Mafanikio ya CSS
• Rangi ya RGB ya CSS
• Rangi ya HEX ya CSS
• Rangi ya HSL ya CSS
• Mabaki ya CSS
• Mabaki ya Picha ya CSS
• Urejea wa Mabaki ya CSS
• Kuwa na Mabaki ya CSS
• Mafanikio ya Mabaki ya CSS ya Kifunguni
• Kifunguni cha Kichwa cha CSS
• Uingilio wa Kichwa cha CSS
• Rangi ya Kichwa cha CSS
• Mabaki ya Kichwa cha CSS
• Mafanikio ya Kichwa cha CSS ya Kifunguni
• Kichwa cha Kifunguni cha Kichwa cha CSS
• Kufikiria kwa Kifunguni
• Kufikiria ya Kifunguni ya Kichwa cha Kifunguni
• Kufikiria ya Kifunguni
• CSS Height/Width
• Mifunguni ya Kifunguni
• Kifunguni cha Kifunguni
• Uingilio wa Kifunguni cha Kifunguni
• Rangi ya Kifunguni cha Kifunguni
• Mafanikio ya Kifunguni cha Kifunguni
• Kufikiria ya Kifunguni cha Kifunguni
• Kifunguni cha Kifunguni
• Kuweka Kifunguni
• Mafanikio ya Kifunguni
• Kutoa Kifunguni
• Ushahidi wa Kifunguni
• Shadhi ya Kifunguni
• Fonti ya Kifunguni
• Mafanikio ya Fonti ya Kifunguni
• Ukubwa wa Fonti ya Kifunguni
• Fonti ya Google ya Kifunguni
• Mafanikio ya Fonti ya Kifunguni ya Kifunguni
• Ikon ya Kifunguni
• Tovuti ya Kifunguni
• Listi ya Kifunguni
• Tafuta ya Kifunguni

CSS Intermediate Tutorial

• CSS Display
• CSS max-width
• CSS Positioning
• CSS z-index
• CSS Overflow
• CSS Floating
• CSS Clear Float
• Makundi ya Kifunguni - Mfano wa kumiaja
• CSS inline-block
• CSS Alignment
• CSS Combinator
• Muundo wa Chaguo wa Kifunguni
• Muundo wa Chaguo cha Kifunguni
• Inayotafsiriwa kwa Kifunguni
• Bara ya Muhtasari ya Kifunguni
• Bara ya Muhtasari ya Kifunguni ya Vifunguni
• Bara ya Muhtasari ya Kifunguni ya Vifunguni
• Chaguo cha Vifunguni
• Makundi ya Picha ya Kifunguni
• Makundi ya Picha ya Kifunguni
• Muundo wa Chaguo wa Kifunguni
• Form ya Kifunguni
• Kichwa cha Kifunguni
• Makundi ya Kifunguni ya Tovuti
• Inayotafsiriwa kwa Kifunguni
• Muundo wa Kifunguni
• CSS !important
• Muundo wa Funksiyoni ya Kifunguni

CSS3 Advanced Tutorial

• Inayotafsiriwa kwa Kifunguni
• Picha ya Kifunguni
• Mabaki ya CSS
• Mafanikio ya CSS
• Inayotafsiriwa kwa Kifunguni
• Inayotafsiriwa kwa Kifunguni
• Inayotafsiriwa kwa Kifunguni
• Inayotafsiriwa kwa Kifunguni
• Inayotafsiriwa kwa Kifunguni
• Inayotafsiriwa kwa Kifunguni
• CSS Fonti ya Ineti
• CSS Mabadiliko ya 2D
• CSS Mabadiliko ya 3D
• CSS Transition
• CSS Animation
• CSS Tooltip
• CSS Style ya Picha
• CSS object-fit
• CSS object-position
• CSS Mask
• CSS Button
• CSS Pagination
• CSS Columns
• CSS User Interface
• CSS Variables
• CSS Coverage Variables
• CSS Variable - JavaScript
• CSS Variable - Media Query
• CSS @property
• CSS Box Sizing
• CSS Flexbox
• CSS Media Queries
• CSS Media Queries Example

CSS Responsive Design

• RWD Introduction
• RWD Viewport
• RWD Grid View
• RWD Media Query
• RWD Image
• RWD Video

Makala ya tutu ya CSS kwenye rafiki

• Moduli ya Mifumo ya CSS Grid
• Container ya Mifumo ya CSS Grid
• Item ya Mifumo ya CSS Grid

Mifano ya CSS

• Mifano ya CSS

Quiz ya CSS

• Quiz ya CSS

Makala ya CSS

• Makala ya CSS
• Mwongozo wa Browser ya CSS
• Muundo wa Chaguo la CSS
• Function ya CSS
• Inayotafsiriwa kwa Kifunguni
• Audio ya CSS
• Fonti ya Ineti ya Usalama ya CSS
• Animation ya CSS
• Inayotafsiriwa kwa Kifunguni
• Mafanikio ya CSS
• Wagawaji ya rangi ya CSS
• Wagawaji wa Chaguo cha Chaguo cha CSS
• Entity ya CSS

Makala ya kichwa cha kuzingatia

Tunakwenda kuzingatia:

• Kitu cha Kumbukumbu cha CodeW3C.com

Umoja wa fonti

font-style Kipaa hiki kinatumika kwa kumegwa ujarabu wa kipekee kwa kipekee

Hii kipaa kinasababisha tatu kufikirika:

• normal - ujarabu unaonekana kama ukiwa na uwezo wa kufikiria
• italic - ujarabu huziwakilisha kwa mabaki ya kipekee
• oblique - ujarabu wa kipenzi (kipenzi na kinaangalia kwa hivyo, lakini inahusiana na vipenzi vichache)

Mifano

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

Jifunze Kwa Kupima

Kina Kikubwa

font-weight Mwili unazidi kuzingatia au kumtumia kina kwa kina kikubwa.

Mifano

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

Jifunze Kwa Kupima

Fonti ya Chaguo

font-variant Mwili unazidi kuzingatia au kumtumia fonti ya small-caps (kichwa kikubwa kikicikia).

Kwenye fonti ya small-caps, tabaka la kichwa kinatumiwa kama kichwa kikubwa. Kama ile, ukubwa wa kichwa kikubwa kinapakana na ukubwa wa kichwa kikubwa wa maelezo.

Mifano

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

Jifunze Kwa Kupima

Kitu cha Kumbukumbu cha Utengenezaji

Makala ya CSS

Mifano ya CSS

Quiz ya CSS

Kitabu cha Kipya cha CSS

Tengeneza Links