Ka timata CSS
Ka whakawhirinaki a CSS ki te tauira e rite ana ki nga ture hei whakatau i te ahua o te ahua e whai ana ki te waahanga i roto i te tuhinga. Ko enei tauira e kiia ana ko nga kaiwhiwhi me te ingoa mai i nga ingoa tohu (hei tauira, p ki te tautuhi i nga tohu paraka) ki nga tauira tino uaua e hono ana ki nga waahanga motuhake o te tuhinga (hei tauira, ka rite tetahi p tag ki te p # myid> b.highlight. he akomanga whakahirahira he tamaiti o te paraka me te id myid).
Ko te kaitono CSS ko te waahanga o te piiraa kāhua CSS e tautuhi ana i te waahanga o te whārangi tukutuku kia tapahia. Kei te kaiwhiwhi tetahi, neke atu rānei nga āhuatanga e tautuhi ana i te whakamahinga o te HTML i tīpakohia.
Ko nga Kaitautoko CSS
He maha nga momo o nga kaiwhiwhi:
- momo kaiwhakarato-e hāngai ana ki tetahi huanga motuhake
- nga kaitohutohu o te akomanga-he rite ki nga huānga me te akomanga motuhake
- Kaiwhiwhi ID - he rite ki te huānga me te ID motuhake
- he kaitono uri- whakawhitinga i nga huanga e hua ana i tetahi huanga motuhake
- ngā kōwhiringa tamariki-e hāngai ana ki nga huānga o te tamaiti o te huānga motuhake
- nga kaiwhiwhi o te ao-e rite ana ki tetahi huanga
- ko nga kaiwhiwhi kaitautoko e tata ana-ko nga huinga e rite ana i mua i te waahanga motuhake
- ko nga kaiwhiwhi huanga-e rite ana ki nga huānga me te huanga motuhake me te uara huanga
- ko nga kaiwhiringa pseudo-class-e rite ana ki nga huānga me tetahi akomanga pseudo motuhake
- he kaiwhakawhiringa pseudo-huānga-he rite ki nga huānga me nga āhuatanga pseudo-huānga motuhake
Whakahōputuhia nga Kāhua CSS me CSS Tīpako
Ko te ahua o te ahua CSS he penei:
kōwhiringa momo taonga kāhua: kāhua; }
Wehea nga kaiwhiriwhiri maha e whai ahua ana ki nga kiore. Ka huaina tenei ko te whakarōpūtanga o te kaitono. Hei tauira:
selector1 , selector2 Kāhua momo: kāhua; }
Ko te taapiri i nga kaiwhiwhi he mahi poto ki te pupuri i o raatau CSS.
Ko te whakarōpūtanga o runga ake ka whai mana ano:
selector1 {taonga momo: kāhua; }
selector2 Kāhua momo: kāhua; }
Me whakamatau tonu i nga Kaiwhiwhi CSS
Kaore nga kaituhi katoa e tautoko i nga kaiwhiwhi CSS katoa. Na kia tino mohio ki te whakamatautau i nga kaiwhiwhi i roto i te maha o nga kaituhi i runga i te maha o nga whakahaere whakahaere e taea ana e koe. Engari ki te whakamahi koe i nga CSS 1 ranei CSS2 kaitono kia pai koe.