He aha te Kaitautoko Tukuranga CSS?

Ko te hanganga o te tuhinga HTML he rite ki te rakau whanau. I roto i to whanau, kei a koe o ou matua me etahi atu kua tae mai ki mua ia koe. Ko ou tupuna tenei. Ko nga tamariki me te hunga e haere mai ana i muri ia koe i runga i taua rakau ko ou uri. Ko nga mahi HTML e ahua ana. Ko nga mea kei roto o etahi atu huinga ko o ratou uri. Hei tauira, mai i nga mea katoa o te HTML he mea kei roto i nga tohu o te "body>, he uri enei o taua tinana. He mea nui tenei hononga ki te marama ka timata koe ki te mahi tahi me te CSS me te hiahia ki te arotahi i nga kaupapa motuhake hei whakamahi i nga momo tirohanga.

Nga Kaituku Tuku o te CSS

Ka whakamahi tetahi kaitautoko o te CSS ki nga kaupapa i roto i tetahi atu kaupapa (ka nui atu ranei te korero, he huanga e puta mai ana i tetahi atu kaupapa). Hei tauira, he taamaha kore he tohu ki nga tohu hei uri. Kia whakamahi i nga HTML e whai ake nei hei tauira:

• he hono tenei

  Ko nga tūtohu LI he uri o te tohu UL. Ko te tūtohu he uri o te LI (tamaiti) me nga tohu UL (mokopuna). Ki te whakaaro koe ki te whakaaro mo tenei ma te whakamahi i te tauira o te whanau whanau, ko te

  te matua, ko te
  • te tamaiti o taua tamaiti, a ko te te tamaiti o te
  • me te mokopuna te
    .

    Na me pehea koe e arotahi ai i nga huinga motuhake i roto i te paetukutuku tukutuku e whakamahi ana i enei kaiwhiwhi uri? Tuatahi, me whakamarama koe i nga kaiwhiwhi uri me te whakamahi i nga kaitono momo (neke atu ranei) i wehea e nga waahi.

    li a {hanga-whakapaipai: kahore; }

    I roto i taua tauira, ka whakamahia anake nga momo ki tetahi huānga hono () e heke mai ana i te kaupapa -emi-nama (

    • ). Ko era atu hononga i runga i te wharangi kaore i te uri o te mea rarangi e kore e whiwhi i tenei ahua.

      Ko tetahi mea nui ki te mahara ko te mea kaore he aha te maha o nga tohu kei waenga i waenga i nga tohu ka taea e koe te whakamahi i roto i to kaiwhiwhi uri. Mena ka whakaurua te mea tuarua i roto i te timatanga tuatahi, ka tohua hei uri.

      Ki te hiahia koe ki te whiriwhiri i nga punga katoa e puta mai ana i nga kaupapa taiao, ka tuhi koe:

      ul a {hanga-whakapaipai: kahore; }

      I teie nei, e faaohipahia teie mau huru i roto i te mau taatiraa o te hoк o te hotu o te hoê tapura tapura. Ka taea hoki e koe te tuhituhi i tenei kaiwhiwhi

      ul li a {mea-whakapaipai: kahore; }

      He kaiwhiwhi uri tenei e whakamahi ana i nga kaitono momo neke atu i te rua. I roto i tenei take, ka pahono tenei ki nga hono kei roto i te waahanga-me te mea kei roto o te rarangi whaimana.

      Te whakamahi i nga Kaituku Ahu me nga Kaiwhiri TT

      Ko nga kaiwhiwhi e heke iho ana koe mai i te mea kaore he uri uri. Hei tauira, whakaarohia he waahi o te pae (ano he wehenga) me te huanga ID o "paparangi". Ka taea e koe te whakatu i tetahi uri e wehe ana i taua ID:

      #billboard ul [taiao-tae: #ccc; }

      Ko tenei ka whakakakahu i te rarangi kaore i rawekehia e te uri o tetahi huānga me te ID o "paparangi". Ka taea e koe te mahi ano mo nga uara o te akomanga.

      div.billboard ul [background-color: #ccc; }

      E whakaaro ana tenei kei te wehewehea te waahanga o te "papaarangi". Ko te CSS i runga ka whakatau i te kaupapa tuatahi i roto i tetahi waahanga e whai hua ana i tenei akomanga.

      Ka taea e koe te tino taimaha me te verbose me nga kaiwhiwhi uri. Hei tauira, ki te whakamahi koe i te Dreamweaver ki te tuhi i to waehere HTML , kei reira he tautuhinga ina whakaurua e koe nga ture CSS hou e hanga aunoa i te kaiwhiwhi e pa ana ki te waahi o to korero ki taua papa. He aha te mea a Dreamweaver i tenei wa ko te hanga i te whaaweke me te roa o te kaituku uri. Ehara i te mea e tika ana kia mahi a CSS . Ko te mea e hiahia ana koe ki te kimi i te pauna i waenganui i te kaitohu o te uri e tino tika ana kia taea ai e koe te tihi ki nga waahanga tika e hiahiatia ana e koe (kaore e hiahia ana koe ki te paanga) kaore he ture CSS e whai mana ana nui.