Jadua la Masomo

Mafunzo ya Kwanza ya CSS

• Mafunzo ya CSS
• Muhtasari wa CSS
• Marejeo ya CSS
• Muunyeshaji wa CSS
• Matumizi ya CSS
• Mashaka ya CSS
• Rangi ya CSS
• Rangi ya RGB ya CSS
• Rangi ya HEX ya CSS
• Rangi ya HSL ya CSS
• Mabaki ya Nyuma ya CSS
• Mabaki ya Picha ya Nyuma ya CSS
• Urejeje wa Mabaki ya Nyuma ya CSS
• Uingiliano wa Mabaki ya Nyuma ya CSS
• Mabaki ya Nyuma ya CSS ya Kifupi
• Mabaki ya Kifungu ya CSS
• Ukubwa wa Mabaki ya Kifungu ya CSS
• Rangi ya Mabaki ya Kifungu ya CSS
• Vikwimo vya Mabaki ya Kifungu ya CSS
• Mabaki ya Kifungu ya CSS ya Kifupi
• Kovuza ya Kifungu ya CSS
• Ukubwa wa Kifungu ya Nyumba
• Umeza wa Kifungu ya Nyumba
• Mabaki ya Nyumba ya Kifungu
• Ukubwa na Ukuwa wa CSS
• Mfumo wa Kifungu ya Nyumba ya CSS
• Kufikia wa Kifungu ya Nyumba
• Ukubwa wa Kufikia wa Kifungu ya Nyumba
• Rangi ya Kufikia wa Kifungu ya Nyumba
• Mabaki ya Kufikia wa Kifungu ya Nyumba ya Kifupi
• Umeza wa Kufikia wa Kifungu ya Nyumba
• Matumizi ya Kifungu ya Nyumba
• Ukiaingiza wa Matumizi ya Kifungu ya Nyumba
• Mafano ya Matumizi ya Kifungu ya Nyumba
• Ukubwa wa Matumizi ya Kifungu ya Nyumba
• Ukubwa wa Mfano wa Matumizi ya Kifungu ya Nyumba
• Kufikia wa Matumizi ya Kifungu ya Nyumba
• Mafano ya Kifungu ya Nyumba
• Mfano wa Kifungu ya Nyumba
• Ukubwa wa Kifungu ya Nyumba
• Mafano ya Kifungu ya Nyumba ya Google
• Mafano ya Kifungu ya Nyumba ya Kifupi
• Mafano ya Kifungu ya Nyumba
• Mafano ya Kifungu ya Nyumba
• Mafano ya Kifungu ya Nyumba
• Mafano ya Kifungu ya Nyumba

Mafunzo ya Juu ya CSS

• Display ya CSS
• max-width ya CSS
• Muundo wa CSS
• z-index ya CSS
• Kuwa na Mafanikio wa CSS
• Ushingo wa Tafuta wa CSS
• Kumaliza Ushingo wa Tafuta wa CSS
• Mafano ya Kifungu ya Nyumba - Mafano ya Umeza wa Mafungu
• inline-block ya CSS
• Kuelekea ya CSS
• Komposita ya CSS
• Mafano ya Kifungu ya Nyumba - Pseudokindisi
• Mafano ya Kifungu ya Nyumba - Pseudoelemtu
• Mafano ya Kifungu ya Nyumba - Tawazuni
• Mafano ya Kifungu ya Nyumba - Baru ya Mtaarifu
• Mafano ya Kifungu ya Nyumba - Baru ya Mtaarifu wa Kifupu
• Mafano ya Kifungu ya Nyumba - Baru ya Mtaarifu ya Kifupu
• Mafano ya Kifungu ya Nyumba - Menyu ya Kifupu
• Mafano ya Kifungu ya Nyumba - Shughuli ya Picha
• Mafano ya Kifungu ya Nyumba - Image Sprite
• Mafano ya Kifungu ya Nyumba - Muunyeshaji wa Hisia ya Kifungu
• Mafano ya Kifungu ya Nyumba - Muhtasari wa Mafungu
• Mafano ya Kifungu ya Nyumba - Kichakata cha Kifungu
• Mafano ya Kifungu ya Nyumba - Mfumo wa Kifungu wa Tovuti
• Mafano ya Kifungu ya Nyumba - Viwango ya Kifungu
• Mafano ya Kifungu ya Nyumba - Tathmini ya Kifungu
• CSS !important
• Mafano ya Kifungu ya Nyumba - Muonekano wa Kifungu ya Matumizi ya Matumizi

Mafunzo ya Juu ya CSS3

• Mafano ya Kifungu ya Nyumba - Kufikia wa Kifungu ya Nyumba
• Mafano ya Kifungu ya Nyumba - Picha ya Kifungu
• Mabaki ya Nyuma ya CSS
• Rangi ya CSS
• Mafano ya Kifungu ya Nyumba - Maneno ya Rangi
• Mafano ya Kifungu ya Nyumba - Mafano ya Kifungu ya Nyumba
• Mafano ya Kifungu ya Nyumba - Mafano ya Kifungu ya Nyumba ya Kifupu
• Mafano ya Kifungu ya Nyumba - Kifungu ya Nyumba
• Mafano ya Kifungu ya Nyumba - box-shadow
• Mafano ya Kifungu ya Nyumba ya Matumizi ya Matumizi ya Kifungu ya Nyumba
• CSS Mwongozo wa Mifano
• CSS Mifano 2D
• CSS Mifano 3D
• CSS Mifano wa Kipindi
• CSS Mifano wa Sanaa
• CSS Mifano wa Kitabu cha Kielewa
• CSS Mifano wa Picha
• CSS object-fit
• object-position ya CSS
• CSS Mifano wa Kipande
• CSS Mifano wa Kibondo
• CSS Mifano wa Kipendekezo
• CSS Mifano wa Kikundi
• CSS Mifano wa Kifanyikizaji wa Mifano
• CSS Mifano wa Mifano
• CSS Mifano wa Kipande cha Kifanyikizaji
• Variable za CSS - JavaScript
• Variable za CSS - Media Query
• CSS @property
• CSS Box Sizing
• CSS Flexbox
• CSS Media Query
• CSS Media Query Mifano

Muundo wa Mifano wa CSS

• Muhtasari wa RWD
• Viewport ya RWD
• View Grid ya RWD
• Media Query ya RWD
• Picha ya RWD
• Video ya RWD

Mafunzo ya Grid ya CSS

• Moduli ya Mifano wa CSS wa Kifupi
• Kivunja cha Kivunja cha CSS
• Mifano wa Kivunja cha Kivunja cha CSS

Mifano ya CSS

• Mifano ya CSS

Mifano ya CSS

• Mifano ya CSS

Mifano ya CSS

• Mifano ya CSS
• Matumizi ya Kifupi cha CSS
• Muunyeshaji wa CSS
• Mifano ya CSS
• Mafano ya Kifungu ya Nyumba - Viwango ya Kifungu
• CSS ya Kufikia
• CSS ya Mifano wa Mifano wa Kifupi
• CSS ya Kufanyikia Sanaa
• Mafano ya Kifungu ya Nyumba - Viwango ya Kifungu
• Rangi ya CSS
• Mifano ya Kifupi cha CSS
• Mifano ya Chaguo cha Kifupi cha CSS
• Mifano ya CSS

Kurahisisha Masomo

Mchakato wa Masomo:

• Kisikio cha CodeW3C.com

Kuzingatia rangi kwa kutumia majina ya rangi ya kufikia, au RGB, HEX, HSL, RGBA, HSLA ivalua.

Majina ya rangi ya CSS

Kwa CSS, inaweza kutumia majina ya rangi kuweza rangi:

Jifunze kwa uharibifu

Inasimama kwa CSS/HTML 140 aina za jina za rangi za kuzalzala.

Rangi ya mabaki ya CSS

Unaweza kubadilisha rangi ya mabaki ya HTML:

mfano

<h1 style="background-color:DodgerBlue;">China</h1>
<p style="background-color:Tomato;">China ni nchi inayotumika sana!</p>

Jifunze kwa uharibifu

Rangi ya maandiko ya CSS

Unaweza kubadilisha rangi ya matukio wa maandiko:

China

China ni nchi inayotumika sana!

China, mpangilio wa Jamhuri ya Kichina, ni nchi katika Asia ya Kusini Mashariki.

mfano

<h1 style="color:Tomato;">China</h1>
<p style="color:DodgerBlue;">China ni nchi inayozungumza kwa kawaida!</p>
<p style="color:MediumSeaGreen;">China, mpangilio wa Jamhuri ya Kichina...</p>

Jifunze kwa uharibifu

Rangi ya Mabaki ya Kifungu ya CSS

Unaweza kubadilisha rangi ya kufikia mabaki:

mfano

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

Jifunze kwa uharibifu

Mifano ya Kifupi cha CSS

In CSS, inaweza kutumia thamani ya RGB, thamani ya HEX, thamani ya HSL, thamani ya RGBA au thamani ya HSLA kuweka rangi:

Inafaa ya rangi ya "Tomato" inayopatikana:

Inafaa ya rangi ya "Tomato" inayopatikana, lakini inaagabaki 50%:

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

Jifunze kwa uharibifu

Jifunze zaidi kuhusu mifano ya kifupi

Kwenye kitabu cha kina, utafikia mifano ya RGB、HEX na HSL Zaidi ya habari.

Kifaa cha Kifanyikizo

Mifano ya CSS

Mifano ya CSS

Mifano ya CSS

Mifano ya CSS ya Kifupi

Mwongozo wa Mafanyikizo