Timetable

CSS Basic Tutorial

• Mafunzo ya CSS
• Muhtasari wa CSS
• Muundo wa CSS
• Muunyanyiko wa CSS
• Matumizi ya CSS
• Mwongozo wa CSS
• Mareja wa CSS
• Mareja wa RGB wa CSS
• Mareja wa HEX wa CSS
• Mareja wa HSL wa CSS
• Mabackground wa CSS
• Mabackground ya Mefungu wa CSS
• Marepaso wa Mabackground wa CSS
• Makampungu wa Mabackground wa CSS
• Mafupi ya Aterepu wa Mabackground wa CSS
• Makampungu wa CSS
• Ukubwa wa Makampungu wa CSS
• Rangi ya Makampungu wa CSS
• Makampungu ya Kichwa cha Makampungu wa CSS
• Mafupi ya Aterepu ya Makampungu wa CSS
• Makampungu ya Kigea cha Kichwa cha CSS
• Ukubwa wa Margani wa CSS
• Ukisamehua wa Margani wa CSS
• Ukubwa wa Margani ya Kifungu wa CSS
• CSS Height/Width
• Mumbo wa Kifungu cha CSS
• Marefu wa CSS
• Ukubwa wa Marefu wa CSS
• Rangi ya Marefu wa CSS
• Mafupi ya Aterepu ya Marefu wa CSS
• Ugumu wa Marefu wa CSS
• Matukio ya Kifungu cha CSS
• Utekelezaji wa Matukio ya Kifungu cha CSS
• Mafupi ya Matukio ya Kifungu cha CSS
• Utekelezaji wa Nafasi ya Kifungu cha CSS
• Ukubwa wa Nafasi ya Kifungu cha CSS
• Mbinu ya Kifungu cha CSS
• Fonti ya CSS
• Mafupi ya Fonti ya CSS
• Ukubwa wa Fonti ya CSS
• Fonti ya Google ya CSS
• Mafupi ya Fonti ya CSS
• Iconi ya CSS
• Tovuti ya CSS
• Listi ya CSS
• Tafuta ya CSS

CSS Intermediate Tutorial

• CSS Display
• CSS max-width
• CSS Position
• CSS z-index
• CSS Overflow
• CSS Float
• CSS Clear Float
• Mabaki ya Tovuti ya CSS - Mifano ya Urefu
• CSS inline-block
• CSS Alignment
• CSS Combinator
• Pseudo-class ya CSS
• Pseudo-element ya CSS
• Inavili ya CSS
• Bar ya Navigation ya CSS
• Bar ya Navigation ya Kifungu cha Kifungu
• Bar ya Navigation ya Kifungu cha Mwongozo
• Menu ya Dropdown ya CSS
• Makoloni ya Photo ya CSS
• Image Sprite ya CSS
• Muunyanyiko wa Aterepu wa Properti ya CSS
• Form ya CSS
• Counter ya CSS
• Mabaki ya Tovuti ya CSS
• Vitabu ya CSS
• Muungano wa CSS
• CSS !important
• Funksheni ya numbering ya CSS

CSS3 Advanced Tutorial

• Kigea cha CSS
• Image Border ya CSS
• Mabackground wa CSS
• Mareja wa CSS
• Mafupi ya Rangi ya CSS
• Muungano wa Rangi ya CSS
• Muungano wa Rangi wa Kifungu cha CSS
• Mbinu ya Kifungu cha CSS
• Box-shadow ya CSS
• Mbinu ya Matukio ya Kifungu cha CSS
• CSS mifano wa kifaa kwa mtandao
• CSS kesi 2D
• CSS kesi 3D
• CSS kesi
• CSS mifano
• CSS tooltip
• CSS stili ya picha
• CSS object-fit
• CSS object-position
• CSS kikhusa
• CSS boti
• CSS tazama
• CSS makundi
• CSS muonekano wa mtumishi
• CSS muhimu
• CSS muhimu wa kuhifadhi
• CSS Variable - JavaScript
• CSS Variable - Media Query
• CSS @property
• CSS Box Sizing
• CSS Flexbox
• CSS media query
• CSS media query mtaani

CSS Responsive Design

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

CSS Grid Tutorial

• Moduli ya muonekano wa CSS wa grid
• Kina wa muonekano wa CSS wa grid
• Msaada wa muonekano wa CSS wa grid

Mtaani wa CSS

• Mtaani wa CSS

Mtaani wa CSS

• Mtaani wa CSS

Kitabu cha mifano cha CSS

• Kitabu cha mifano cha CSS
• Muonekano wa kufikia wa CSS
• Muunyanyiko wa CSS
• Funguo ya CSS
• Vitabu ya CSS
• CSS kwa matumizi ya kina
• CSS mifano wa mifano wa mtandao
• CSS inayofikia mifano
• Vitabu ya CSS
• Mareja wa CSS
• Mwili wa CSS
• Mwili wa CSS
• Mfano wa CSS

Chagua Kusoma

Mambo ya kusadili:

• Kitabu cha kifaa cha CodeW3C.com

Tafuta CSS ni nini?

• CSS Inaeleza Cascading Style Sheets^* (Cascading Style Ssheets)
• CSS inaelezaKutumia CSS inaeleza kama inayotumika kwa kumonoka HTML elements kwenye ekran, kipapau au media nyingine.
• CSS Inasababisha kumaliza kazi kwa kutoshaYana uwezo wa kumawala sayari za wavuti zaidi wakati mmoja
• External style sheets stored in CSS File中

*：Au pia kuthiwa Cascading Style Sheets.

CSS Demo - Sayari ya HTML - Muundo zaidi!

Hapa kuna picha ya sayari ya HTML ya kawaida inayotumia tafuta za muundo ya kawaida nne. Tafuta kiungo kama tafuta hapa kwa kuona muundo zaidi:

Kwa nini kutumia CSS?

CSS inayotumika kwa kumtumika kwa muundo wa sayari ya wavuti, kwa jumla kumtumika kwa muundo na muundo wa sayari ya kina na ukubwa wa ekranu.

Mtaani wa CSS

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

Jifunze tena

CSS inasaidia mudaani mkubwa

HTML haukiwa kumwambia kwa kumtumika kama tawi za muundo wa sayari ya wavuti!

创建 HTML 的目的是描述网页的内容，例如：

这是一个标题。
这是一个段落。

将 之类的标签和 color 属性添加到 HTML 3.2 规范后，Web 开发人员的噩梦开始了。大型网站的开发将字体和颜色信息添加到每个页面中，这演变为一个漫长而昂贵的过程。