Jadili ya Kufunza

Mafunzo wa CSS wa Kuzingatia

• Mafunzo ya CSS
• Muhtasari wa CSS
• Marekebisho ya CSS
• Mwongozo wa Chaguo cha CSS
• Tukio wa CSS
• Mazungumzo ya CSS
• Vichwa cha CSS
• Vichwa vya RGB cha CSS
• Vichwa vya HEX cha CSS
• Vichwa vya HSL cha CSS
• Mabaki ya CSS
• Mabaki ya Picha ya CSS
• Urejezo wa Mabaki ya CSS
• Ukubadilika wa Mabaki ya CSS
• Kipendekezo cha Mabaki ya CSS
• Makato ya CSS
• Ukubwa wa Makato ya CSS
• Rangi ya Makato ya CSS
• Makato ya Chaguo cha CSS
• Kipendekezo cha Makato ya CSS
• Kichwa cha Kichwa cha CSS
• Ukubwa wa Kijana cha CSS
• Umeza wa Kijana cha CSS
• Ukubwa wa Kifungu cha CSS
• CSS Kipimo cha Kipungu / Kipimo cha Kifupi
• Makato wa Kifungu cha CSS
• Kifungu cha Kifunguni cha CSS
• Ukubwa wa Kifungu cha Kifunguni cha CSS
• Rangi ya Kifungu cha Kifunguni cha CSS
• Kipendekezo cha Kifungu cha Kifunguni cha CSS
• Umeza wa Kifungu cha Kifunguni cha CSS
• Matukio ya Kifungu
• Ukubadilika wa Matukio ya Kifungu
• Mazungumzo ya Matukio ya Kifungu
• Matukio ya Kifungu ya Kichwa cha Kifunguni
• Ukubwa wa Matukio ya Kifungu
• Mabaki ya Matukio ya Kifungu
• Matukio ya Fonti ya CSS
• Marekebisho ya Matukio ya Fonti ya CSS
• Ukubwa wa Matukio ya Fonti ya CSS
• Matukio ya Google ya CSS
• Kipendekezo cha Matukio ya Fonti ya CSS
• Icon ya CSS
• Tie ya CSS
• List ya CSS
• Tafriki ya CSS

Mafunzo wa CSS Kivamizi

• CSS Display
• CSS max-width
• CSS Kusimbia
• CSS z-index
• CSS Kuzingatia Kuzingatia
• CSS Mfano wa Kupanda
• CSS Kusima Mfano
• Makato wa Layout ya CSS - Tovuti ya Mafanikio ya Inafikia
• CSS inline-block
• CSS Kusimbia
• CSS Kombinazi
• Makato wa Layout ya CSS - Pseudo-classes
• Makato wa Layout ya CSS - Pseudo-elements
• Makato wa Layout ya CSS - Inavami
• Makato wa Layout ya CSS - Bar ya Navigation
• Makato wa Layout ya CSS - Bar ya Navigation Kikubwa
• Makato wa Layout ya CSS - Bar ya Navigation Kivumila
• Makato wa Layout ya CSS - Menu ya Kusongea
• Makato wa Layout ya CSS - Galari ya Picha
• Makato wa Layout ya CSS - Sprite ya Picha
• Makato wa Layout ya CSS - Chaguo cha Kifungu cha Kifungu
• Makato wa Layout ya CSS - Tafriki
• Makato wa Layout ya CSS - Kina ya Hesabu
• Makato wa Layout ya CSS - Layout ya Tovuti
• Makato wa Layout ya CSS - Uniti
• Makato wa Layout ya CSS - Specificity
• CSS !important
• Makato wa Layout ya CSS - Functions ya Mathematics

Mafunzo wa CSS3 Kivamizi

• Makato wa Layout ya CSS - Kina cha Kina
• Makato wa Layout ya CSS - Picha ya Kifungu
• Mabaki ya CSS
• Vichwa cha CSS
• Makato wa Layout ya CSS - Keywords ya Rangi
• Makato wa Layout ya CSS - Mabaki ya Rangi
• Makato wa Layout ya CSS - Mabaki ya Kina ya Rangi
• Makato wa Layout ya CSS - Kina
• Makato wa Layout ya CSS - Box-shadow
• Makato wa Layout ya CSS - Mafanikio ya Matukio ya Kifungu
• Fonti ya Inayofanana Kwenye Inayopatikana Kwenye Internet cha CSS
• Migawasi wa 2D cha CSS
• Migawasi wa 3D cha CSS
• Kipindi cha Vichuoni cha CSS
• Fanyikizaji wa Vichuoni cha CSS
• Tukio la Kiwemo cha CSS
• Ushahidi wa Picha cha CSS
• Matumizi ya object-fit cha CSS
• CSS object-position
• Mabaki ya CSS
• Mabaki ya Kitufe cha CSS
• Mpangilio wa Vipage cha CSS
• Mpangilio wa Vifungo Vya Mtaani cha CSS
• Uandishi wa Uwanja wa Kiwemo cha Kivaa ya Kielektroniki cha CSS
• Muarama wa CSS
• Muarama wa Mabaki wa CSS
• CSS Muwajabu - JavaScript
• CSS Muwajabu - Mfanyiko wa Media Query
• CSS @property
• Mabaki wa Box Sizing cha CSS
• Flexbox cha CSS
• Mchakato wa Media cha CSS
• Mivivu ya Mchakato wa Media cha CSS

CSS Responsive Design

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

Mafunzo ya CSS Grid

• CSS 网格布局模块
• CSS 网格容器
• CSS 网格项目

CSS 实例

• CSS 实例

CSS 测验

• CSS 测验

CSS 参考手册

• CSS 参考手册
• CSS 浏览器支持
• Mwongozo wa Chaguo cha CSS
• CSS 函数
• Makato wa Layout ya CSS - Uniti
• CSS 听觉
• CSS 网络安全字体
• CSS 可动画制作
• Makato wa Layout ya CSS - Uniti
• Vichwa cha CSS
• CSS 颜色值
• CSS 默认值
• CSS 实体

Kurahisisha

Mambo ya kusunifu:

• CodeW3C.com 百宝箱

HSL thamani

Kwenye CSS, inaweza kutumia chumvi, uharibifu na uharibifu (HSL) kusema rangi, muundo unaofuata:

hsla(hue, saturation, lightness)

Chumvi cha rangi (hue）inaweka juu ya chumvi cha rangi kutoka 0 hadi 360 daraja. 0 ni kijani, 120 ni kijani, 240 ni kijani.

Uharibifu (saturation）ni namba za pondo, 0% inasema kifo kwa rangi, na 100% ina rangi kulli.

Uharibifu (lightness）kama namba za pondo, 0% inasema kijani, 50% inasema kijani kama kijani au kijani, 100% inasema mweusi.

Tafadhali tafuta mafanikio kwa kusaidia HSL thamani zifuatazo:

实例

亲自试一试

Uharibifu

Uharibifu wa rangi inaweza kusikitika kama uwezo wa rangi.

100% ni rangi ya kawaida, hauwezi kuona uharibifu wa rangi.

50% ni kifo kwa rangi 50%, lakini hauwezi kuona rangi.

0% ni kifo kwa rangi, hauwezi kuona rangi.

实例

亲自试一试

Uharibifu

Uharibifu wa rangi inaweza kusikitika kama kiwango cha nyukini kinayotambulika kwa rangi, ambapo 0% inasema haukubwa (kijani), 50% inasema 50% kubwa (hakupatikana kama kijani au kijani), 100% inasema kubwa sana (mweusi).

实例

亲自试一试

Kawaida kwa kufanya kidogo na kuzingatia uharibifu wa rangi kama kifo kwa rangi, na kusaidia uharibifu kutoka 0% hadi 100% kufikia uharibifu wa rangi zaidi/za kuzuia:

实例

亲自试一试

HSLA thamani

HSLA rangi inayotambulika kama rafiki ya HSL rangi yenye channe cha Alpha - inasema uharibifu wa rangi.

HSLA rangi inayotambulika kama:

hsla(hue, saturation, lightness, alpha)

alpha 参数是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字：

请通过混合以下 HSLA 值进行实验：

实例

亲自试一试

工具箱

CSS 参考手册

CSS 实例

CSS 测验

CSS 课外书

赞助商链接