Kipindi cha Mafunzo

Mafunzo ya Kuzinga cha CSS

• Mafunzo ya CSS
• Muhtasari wa CSS
• Majadiliano ya CSS
• Muundo wa Chaguo wa CSS
• Matumizi ya CSS
• Mazungumzo ya CSS
• Vibarua ya CSS
• Vibarua ya RGB kwa CSS
• Vibarua ya HEX kwa CSS
• Vibarua ya HSL kwa CSS
• Mabackground ya CSS
• Mabackground ya Mefunguni kwa CSS
• Ukongea wa Mabackground kwa CSS
• Ukimbaya wa Mabackground kwa CSS
• Mafupi ya Mabackground kwa CSS
• Mabaki ya CSS
• Uwezo wa Mabaki kwa CSS
• Vibarua ya Mabaki kwa CSS
• Mabaki ya Kila Bara kwa CSS
• Mafupi ya Mabaki kwa CSS
• Makoropeti ya Mabaki kwa CSS
• Makamili ya CSS
• Ukongea wa Makamili kwa CSS
• Makamili ya Kifungu kwa CSS
• Ukubwa na Upevu wa CSS
• Makoropeti ya Kifungu kwa CSS
• Makoropeti ya Kifungu kwa CSS
• Uwezo wa Makoropeti kwa CSS
• Vibarua ya Makoropeti kwa CSS
• Mafupi ya Makoropeti kwa CSS
• Ukimbaya wa Makoropeti kwa CSS
• Matukio ya CSS
• Utafiti wa Matukio kwa CSS
• Mazungumzo ya Matukio kwa CSS
• Ushirikiano wa Matukio kwa CSS
• Vitukio vya Kufupisha kwa CSS
• Mbinu ya Matukio ya Kitabia kwa CSS
• Fonti ya CSS
• Majadiliano ya Fonti kwa CSS
• Uwezo wa Fonti kwa CSS
• Fonti ya Google kwa CSS
• Mafupi ya Fonti kwa CSS
• Ikoni za CSS
• Vitengeneza vya Kifungu kwa CSS
• Vitengeneza vya Listi kwa CSS
• Vitengeneza vya Taarifa kwa CSS

Mafunzo ya Kuzinga cha CSS

• Display cha CSS
• max-width cha CSS
• Muundo wa Kifupi cha CSS
• z-index cha CSS
• Kifupi cha Kuzinga cha CSS
• Kifupi cha CSS
• Kufaisha kifupi cha CSS
• Muundo wa Kifungu - Mafanikio ya Ushiriki kwa CSS
• inline-block ya CSS
• Muundo wa Kifupi cha CSS
• Kichimbani cha CSS
• Muundo wa Kifungu - Pseudo-class kwa CSS
• Muundo wa Kifungu - Pseudo-element kwa CSS
• Muundo wa Kifungu - Uwemo wa Kifungu kwa CSS
• Muundo wa Kifungu - Bara ya Muhtasari kwa CSS
• Muundo wa Kifungu - Bara ya Muhtasari ya Kimaadili kwa CSS
• Muundo wa Kifungu - Bara ya Muhtasari ya Kimaadili kwa CSS
• Muundo wa Kifungu - Menyu ya Kusikia kwa CSS
• Muundo wa Kifungu - Galari ya Mefunguni kwa CSS
• Muundo wa Kifungu - Image Sprite kwa CSS
• Muundo wa Kifungu - Muundo wa Chaguo wa Kifungu kwa CSS
• Muundo wa Kifungu - Muundo wa Taarifa kwa CSS
• Muundo wa Kifungu - Kina ya CSS
• Muundo wa Kifungu - Muundo wa Tengeneza kwa CSS
• Muundo wa Kifungu - Viwango vya CSS
• Muundo wa Kifungu - Muundo wa Kifupi kwa CSS
• CSS !important
• Muundo wa Kifungu - Muundo wa Jumuiya ya Matumizi ya Sana kwa CSS

Mafunzo ya Chini ya CSS3

• Muundo wa Kifungu - Makoropeti ya CSS
• Muundo wa Kifungu - Mabaki ya Kifungu kwa CSS
• Mabackground ya CSS
• Vibarua ya CSS
• Muundo wa Kifungu - Muundo wa Kifupi wa Kifungu kwa CSS
• Muundo wa Kifungu - Muundo wa Jumuiya ya Kifungu kwa CSS
• Muundo wa Kifungu - Muundo wa Jumuiya ya Kifungu kwa CSS
• Muundo wa Kifungu - Muundo wa Jumuiya ya Kifungu kwa CSS
• Muundo wa Kifungu - box-shadow kwa CSS
• Muundo wa Kifungu - Mafanikio ya Matukio ya Kitabia kwa CSS
• Fonti ya Interneti cha CSS
• Muungano wa 2D cha CSS
• Muungano wa 3D cha CSS
• Muungano wa ukafanya cha CSS
• Ukafanya wa CSS
• Tipu la habari cha CSS
• Mifano ya picha cha CSS
• Jambo la object-fit cha CSS
• object-position ya CSS
• Mabaki ya CSS
• Makina ya uzoefu cha CSS
• Tazama ya CSS
• Makundi ya CSS
• Muundo wa uwanja wa mtumishi wa CSS
• Machache cha CSS
• Machache cha kubali cha CSS
• JavaScript ya CSS Variable
• Masharti ya Media Query ya CSS Variable
• CSS @property
• Muundo wa Box cha CSS
• Flexbox cha CSS
• Media query cha CSS
• Mfano wa media query cha CSS

Muundo wa Kifupi cha CSS

• Kuchagulia ya RWD
• Viewport ya RWD
• Makoa ya Grid ya RWD
• Media Query ya RWD
• Picha ya RWD
• Video ya RWD

Mafunzo ya CSS Grid

• Moduli ya muundo wa rafuta cha CSS
• Kontena ya muundo wa rafuta cha CSS
• Msaada wa muundo wa rafuta cha CSS

Mfano wa CSS

• Mfano wa CSS

Muafaka wa CSS

• Muafaka wa CSS

Makala ya CSS

• Makala ya CSS
• Mwongozo wa kufungua cha CSS
• Muundo wa Chaguo wa CSS
• Funguo ya CSS
• Muundo wa Kifungu - Viwango vya CSS
• Makini ya CSS
• Fonti za uwanja wa CSS
• Ufafanuzi wa CSS
• Muundo wa Kifungu - Viwango vya CSS
• Vibarua ya CSS
• Chaguo cha rangi cha CSS
• Chaguo cha msingi cha CSS
• Machache ya CSS

Kurasa za ujumbe

Mambo ya msingi:

• Kizi cha CodeW3C.com

Uwezo wa Makoropeti kwa CSS

outline-width Jaribu kusaidia kubadilisha uwezo wa kifupi cha mawaka, ambapo inaweza kuwa na thamani iliyofikia kama:

• mkali (kwa kawaida ni 1px)
• medium (kawaida ni 3px)
• thick (kawaida ni 5px)
• Makabaki ya ukubwa (inaumiliki kwa px, pt, cm, em)

Mfano huu inaonyesha mafanikio ya kifupi mbalimbali:

Makabaki ya kidogo.

Makabaki ya kawaida.

Makabaki ya kifupi.

Makabaki ya 4 pixels ya kifupi.

Mfano

p.ex1 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thin;
}
p.ex2 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: medium;
}
p.ex3 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thick;
}
p.ex4 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: 4px;
}

Jifunze tena

Kitu cha kifaa

Makala ya CSS

Mfano wa CSS

Muafaka wa CSS

Kitabu cha juu cha CSS

Vituo vya msaada