Ho qala CSS
CSS e itšetlehile ka mokhoa o tšoanang oa melao ho fumana hore na mokhoa ofe o sebelisoang ke karolo efe e ngotsoeng. Mokhoa ona o bitsoa ba khethiloeng 'me o tsoa ho tsoa ho mabitso a matšoao (mohlala, p ho bapisa mekhabiso ea serapa) ho mekhoa e thata haholo e lumellanang le likarolo tse itseng tsa tokomane (ka mohlala, p # myid> b.highlight e tla bapisa leha e le efe ea b sehlopha sa ho totobatsa e leng ngoana oa serapa le myid id).
Mokhethi oa CSS ke karolo ea mohala oa mokhoa oa CSS o khethollang karolo efe ea leqephe la hau e lokelang ho ngoloa. Mokhetho o na le thepa e le 'ngoe kapa tse ling tse hlalosang hore na HTML e khethiloeng e tla bitsoa joang.
Khetho ea CSS
Ho na le mefuta e sa tšoaneng ea bakhetho:
- ba khethi ba mofuta oa ho bapisa ntho e itseng
- likarolo tse khethollang likarolo le sehlopha se itseng
- Khetho ea khetho-e lumellanang le ntlha e nang le ID e itseng
- ba khethiloeng ba theoha-likarolo tse ling tse nang le litloholo tsa ntho e itseng
- likarolo tsa ho khetha bana tse khethollang bana bao e leng ngoana oa ntho e itseng
- ba khethi ba bokahohleng-ba tšoanang le ntho efe kapa efe
- haufi le banab'abo rōna ba khethollang-khetho-pele ho latela ntho e itseng
- mekhoa e tšoanang le likhetho tse nang le tšobotsi e itseng kapa boleng ba boikutlo
- likarolo tse khethollang likarolo tsa boqhetseke tse nang le sehlopha se itseng sa pseudo
- lisebelisoa-tse ling tse khethollang likarolo tse nang le likarolo tse itseng tsa pseudo-element
Etsa CSS Styles le CSS Selectors
Mofuta oa mokhoa oa CSS o shebahala tjena:
khetho {style property: mokhoa; }}
Khetholla ba khethiloeng ba bangata ba nang le mokhoa o ts'oanang le li-commas. Sena se bitsoa lihlopha tsa khetho. Ka mohlala:
khetho1 , selector2 {style property: mokhoa; }}
Ho arola ba khethiloeng ke mokhoa o khutsoanyane oa ho boloka lik'hamera tsa CSS tsa hao.
Sehlopha se ka holimo se tla ba le phello e tšoanang le ena:
khetho1 {style property: mokhoa; }}
selector2 {style property: mokhoa; }}
Kamehla leka liteko tsa hau tsa CSS
Hase libuka tsohle tse tšehetsang likhetho tsohle tsa CSS. Kahoo etsa bonnete ba hore u hlahloba khetho ea hau ho li-browser tse ngata ka mekhoa e mengata ea ho sebetsa kamoo u ka khonang. Empa haeba u sebelisa likhetho tsa CSS 1 kapa CSS2 u lokela ho ba hantle.