Jump to content

CSS

Mai Wikipedia
Logo kūhelo o CSS

CSS (Cascading Style Sheets) he ʻōlelo hoʻonohonoho no ka hōʻike ʻana a me ka hoʻopaʻa ʻana i ke ʻano o kekahi palapala i kākau ʻia ma ka ʻōlelo hōʻike like me HTML a i ʻole XML. He ʻāpana koʻikoʻi ʻo CSS o ka Pūnaewele Honua, me HTML a me JavaScript.

Ua hoʻokumu ʻia ʻo CSS e hoʻokaʻawale i ke ʻano o ka ʻikepili mai kona ʻike ʻana, e like me ka hoʻonohonoho ʻana, nā waihoʻoluʻu, a me nā ʻano paʻi. Ma o kēia hoʻokaʻawale ʻana, hiki ke hoʻomaikaʻi i ka hiki ke loaʻa o ka ʻikepili, a hāʻawi i ka maʻalahi o ka hoʻololi ʻana i ke ʻano.

Ka Mōʻaukala

[E ho'opololei | edit source]

Ua hoʻomaka ʻia ʻo CSS e Håkon Wium Lie ma ka lā 10 ʻOkakopa 1994. I ia manawa, ua hana pū ʻo Lie me Tim Berners-Lee ma CERN. Ma mua o CSS, ua pono e hoʻokomo i nā hiʻohiʻona a pau i loko o ka HTML.

Ua hoʻokuʻu ʻia ka mana mua o CSS (CSS1) ma ka lā 17 Kekemapa 1996. Ua kākoʻo ʻia e Internet Explorer 3 ma ia makahiki. Ua hāʻawi ʻo CSS1 i nā hiʻohiʻona kumu e like me nā waiwai font, nā waihoʻoluʻu, nā palena, a me ka hoʻonohonoho wahi.

CSS2 a me CSS3

[E ho'opololei | edit source]

Ua hoʻokuʻu ʻia ʻo CSS2 ma ka makahiki 1998, me nā hiʻohiʻona hou e like me ka hoʻonohonoho absolute a me relative, z-index, a me nā media types. I kēia manawa, ke hoʻomohala ʻia nei ʻo CSS3 ma o nā modules like ʻole.

Nā Hiʻohiʻona

[E ho'opololei | edit source]

Nā Koho (Selectors)

[E ho'opololei | edit source]

He ʻehā ʻano koho nui ma CSS:

  • Element selectors: No ka hoʻonohonoho ʻana i nā ʻāpana HTML maʻamau
  • Class selectors: No ka hoʻonohonoho ʻana i nā ʻāpana i loaʻa ka māhele like
  • ID selectors: No ka hoʻonohonoho ʻana i hoʻokahi ʻāpana kikoʻī
  • Pseudo-class selectors: No ka hoʻonohonoho ʻana i nā ʻāpana ma muli o ko lākou kūlana

Nā Waiwai (Properties)

[E ho'opololei | edit source]

ʻO nā waiwai nui o CSS:

  • Waihoʻoluʻu: No ka hoʻololi ʻana i ke ʻano o nā waihoʻoluʻu
  • Typography: No ka hoʻololi ʻana i ke ʻano o ka palapala
  • Box model: No ka hoʻonohonoho ʻana i nā palena, padding, a me margins
  • Layout: No ka hoʻonohonoho ʻana i kahi o nā ʻāpana
  • Animation: No ka hana ʻana i nā neʻe a hoʻololi

Ka Hoʻoili ʻana (Inheritance)

[E ho'opololei | edit source]

He mea nui ka hoʻoili ʻana i CSS. Inā ʻaʻole i hoʻopaʻa ʻia kekahi waiwai no kekahi element, e hoʻoili ʻia ka waiwai mai kona makua mai. He mea kōkua kēia no ka hoʻēmi ʻana i ka nui o ke kākau ʻana.

Nā Kumu Hoʻohana

[E ho'opololei | edit source]

Hiki ke hoʻokomo i CSS ma ʻekolu ʻano:

  • Inline styles: Ma ka attribute style o kekahi ʻāpana HTML
  • Internal stylesheet: Ma ka ʻāpana head o ka palapala HTML
  • External stylesheet: Ma kekahi waihona CSS kaʻawale

Nā Kūmole

[E ho'opololei | edit source]


Nā Loulou I Waho

[E ho'opololei | edit source]

E nānā pū

[E ho'opololei | edit source]
He ʻōmuku kēia mea. Inā hiki iā ʻoe ke ʻōlelo Hawaiʻi, e kōkua mai i ka holomua ʻana i kēia mea.