He aha ka mea koho hoʻoilinaʻo CSS?

ʻO keʻano o kahi palapala HTML e like me kahi lāʻauʻohana. Ma kouʻohana, aia kou mau mākua a me nā mea i hele mai i mua ou. ʻO lākou kou mau kūpuna. ʻO nā keiki a me nā mea e hele mai ma hope o kēlā lāʻau,ʻo ia kāu mau pua. Hāʻawi ka HTML i kahiʻano like. ʻO nā mea hoʻoili i loko o nāʻano'ē aʻe,ʻo kā lākou mau hua. Eia kekahi laʻana, no ka mea, kokoke i nā pae HTML a pau i loko o nā 'body> tags, he mamo lākou no kēlā' ano body. Pono e pili kēia pilina ma ka hoʻomakaʻana e hana me CSS a pono e hoʻoholo i nāʻano kiko'ī e hoʻohana i nāʻaoʻaoʻike.

Kālepa Hoʻoilina CSS

Hiki i ke keiki CSS ka mea koho i nā kumuhana i loko o kekahi mea'ē aʻe (aiʻole pololei i haʻiʻia, he māpuna i hoʻoilina o kekahi mea'ē aʻe). Eia kekahi laʻana, he papa inoa me ka inoa me ka inoa. E hoʻohana i kēia HTML ma lalo o keʻano he kumu:

• he ala kēia

  Nā huahana LI nā hua o ka UL tag. ʻO ka tagula he mamo ia o ka LI (keiki) a me nā inoa o ka UL (moʻopuna). Inā makemakeʻoe e noʻonoʻo e pili ana i kēia ma ka hoʻohanaʻana i keʻano o kaʻohana,ʻo ka

  ka makua,ʻo ka
  • ke keiki a kēlā element, aʻo ka ka keiki a ke
  • a me ka moʻopuna a ka
    .

    No laila, pehea lāʻoe e hoʻololi ai i nā mea kiko'ī i kahi pūnaewele me ka hoʻohanaʻana i kēia mau koho koho? ʻO ka mua, ponoʻoe e wehewehe i nā mea koho ma ka hoʻohanaʻana i nā mea kohoʻelua (aʻoi aku) i hoʻokaʻawaleʻia e nā kikowaena.

    li a [kākākūkā nani:ʻaʻohe; }

    Ma kēlāʻano, e pili wale ana keʻano i kahi hoʻohui link () he mamo ia o kahi wae inoa inoa (

    • ). ʻO nā loulou'ē aʻe a pau ma kaʻaoʻaoʻaʻohe hua o ka papa inoaʻaʻole e loaʻa kēiaʻano.

      ʻO kahi mea nui e hoʻomanaʻo ai,ʻaʻole ia he pilikino i ka nui o nā hōʻailona i loaʻa iā lākou ma waena o nā mau leka āu e hoʻohana ai i kāu kohoʻohana. Inā pili ka lua o kahi i loko o ka wae mua e waeʻiaʻo ia ma keʻano he mamo.

      Inā makemakeʻoe e koho i nā heleuma kahiko e iho mai ana i nā kumuhana pilina, e kākauʻoe:

      ul a [mea-hoʻonani:ʻaʻohe; }

      I kēia manawa, e pili kēia mauʻano i kekahi loulou he mamo ia o kahi mea papa inoa. Hiki iāʻoe ke kākau i kēia mea koho

      ul li a [kākānoʻo nani:ʻaʻohe; }

      He mamo kēia e koho ana i nā meaʻoi aku ma mua oʻeluaʻano koho. Ma kēia hihia, pili kēia i nā loulou i loko o ka mea inoa a me ka pūnaewele papaʻole.

      E hoʻohana i nā mea koho a me nā koho koho

      ʻO nā mea koho e iho mai ana maiʻoleʻoe i nā hua likeʻole. I kekahi laʻana, e noʻonoʻoʻoe he wahi kahi o ka pūnaewele (e like me ka mahele) me ka inoa ID o ka "papa papa". Hiki iāʻoe ke hoʻonohonoho i kahi pua e koho iā ia i kēlā ID:

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

      Hiki i kēia ke hoʻohālike i ka papa inoaʻole i kū i ka hua'ōlelo o kahi mea me ka ID o ka "pālapala". Hiki iāʻoe ke hana i nā mea hoʻokahi no nā koina o ka papa.

      ʻO ka papahanaʻelima-kala: #ccc; }

      Ke manaʻo nei kēia i ka nui o ke kaʻina o ka "papa papa". Hiki i ka CSS ma luna ke hoʻolālā i kaʻuli ma loko o kēlā me kēia māhele e kū nei i kēia kūlana papa.

      Hiki iāʻoe ke loaʻa i ka lima kaumaha a me ka verbose me nā koho koho. Eia kekahi laʻana, inā hoʻohanaʻoe iā Dreamweaver e kākau i kāu palapala HTML , aia kahi kahi e hoʻokomo aiʻoe i nā kānāwai CSS hou nāna e hoʻohui i ka mea koho ma muli o ka hoʻokomoʻana o kāu pelekū ma kēlāʻaoʻao. ʻO ka Dreamweaver i kēia mau manawa,ʻo ia ka hanaʻana i ka'āhiu'āhiu a me ka lōʻihi o ke kohoʻana. ʻAʻole pono i ka CSS ke hana. ʻO kāu mea e makemake ai e loaʻa i kahi pale i waena o ka mea koho i nā mea kiko'ī e hiki ai iāʻoe ke huki i lalo i nā pono pono'ī āu e makemake ai (me kaʻole o nā inoa e makemakeʻoleʻoe e hoʻopili) me ka loaʻaʻole o nā kānāwai CSS i nā koho koho nui.