Pehea ka hoʻohanaʻana o CSS i nā Pūnaewele

ʻO kahi mea nui o ka hanaʻana i kahi pūnaewele me CSS ka hoʻomaopopoʻana i ka manaʻo o ka hoʻoilina.

Hoʻoiho 'ia ka hoʻoilina CSS ma keʻano o keʻano o ka waiwai i hoʻohanaʻia. Ke nānāʻoe i keʻano o ka waiwai o keʻano waiwai,ʻikeʻoe i kahi'āpana i kapaʻia "'Ailina". Inā likeʻoe me ka mea nui o nā mea hoʻolālā pūnaewele, ua hōʻoleʻoe i kēlā māhele, akā hoʻohana ia i kahi kumu.

He aha ka waiwai CSS?

ʻO kēlā me kēia māhele i kahi palapala HTML he māhele ia o kahi lāʻau aʻo kēlā me kēia māhele a koe ka wae mua he kuleana makua e hoʻopuni ana iā ia. ʻO nāʻano a pau e pili ana i kēlā māmā makua, hiki ke hoʻohanaʻia i nā māhele i hoʻopaʻaʻia i loko o ia mau mea inā he mau mea pono ia e hoʻoiliʻia.

Eia kekahi laʻana, ua loaʻa kēia helu HTML ma lalo o ka helu H1 e hoʻopili nei i kahi EM tag:

Eia kēia Big Headline

ʻO ka EM element he keiki ia o ka māhele H1, aʻo nāʻano likeʻole ma ka H1 i hoʻoiliʻia e kauʻia i ka'ōlelo EM. ʻo kahi laʻana:

h1 {font-size: 2em; }

No ka loaʻaʻana o ka'āhua o ka momotuhi,ʻo ka'ōlelo e'ōlelo ana "Big" (ʻo ia ka mea i hoʻopaʻaʻia i loko o nā EM tags) e like ka nui me ka nui o ka H1. Loaʻa kēia ma muli o ka loaʻaʻana o ka waiwai i hoʻonohonohoʻia ma ka waiwai CSS.

Pehea e hoʻohana ai i ka hoʻoilina CSS

ʻO ke ala maʻalahi loa e hoʻohana ai,ʻo ia ke kama'āina i nā mea CSS i loaʻa aʻaʻole hoʻoilina. Inā ua hoʻoiliʻia ka'āina, a lailaʻikeʻoe e pili ana ka waiwai no kēlā me kēia keiki i loko o ka palapala.

ʻO ke ala maikaʻi loa e hoʻohana ai i kēia,ʻo ia ke hoʻonohonoho i kouʻano maʻamau i kahi haʻahaʻa kiʻekiʻe loa, e like me ka BODY. Inā hoʻonohonohoʻoe i kāu kumu-family ma kahi waiwai o ke kino, laila, mahalo i ka hoʻoilina, e mālama i ka palapala a pau i kēlā pūnaeke-ʻohana. E hana ana kēia i nā kālaike liʻiliʻiʻoi aku i maʻalahi ke mālamaʻia no ka mea he mauʻano maʻamau. ʻo kahi laʻana:

kino [font-family: Arial, sans-serif; }

E hoʻohana i ka waiwai o ka waiwai

ʻO kēlā me kēia CSS waiwai e komo i ka "hoʻoilina" i ka koho. Hōʻikeʻia kēia i ka pūnaewele pūnaewele,ʻoiai ināʻaʻole kahi'āina e hoʻomoilina ponoʻia, pono ka waiwai like me ka makua. Inā hoʻonohonohoʻoe i kahiʻano e like me kahi palena'āina i hoʻoiliʻoleʻia, hiki iāʻoe ke hoʻohana i ka waiwai o ka hoʻoilina ma nā mea hou aku e hāʻawi iā lākou i ka palena like me ka makua. ʻo kahi laʻana:

ke kino o ka poepoe: 1em; 'Apili: e noho; }

Loaʻa ka'Āina i Nā Uila Kūpono

He mea nui kēia i nā koina hoʻoilina e like me nā momona momona e hoʻohana ana i nā lōʻihi. ʻO ke kumukūʻai i heluʻia he waiwai ia e pili ana i kahi waiwai'ē aʻe ma ka pūnaewele pūnaewele.

Inā hoʻonohoʻoe i kahi laulima o 1em ma kāu elementalula BODY,ʻaʻole wale iho kāuʻaoʻao a pau ma ka nui. ʻO kēia ke kumu no nā mea likeʻole me nā pane (H1-H6) a me nā kumuhana'ē aʻe (kahi'ē aʻe kekahi mau pūnaewele i ka papa'āina) he nui ka nui ma ka pūnaewele pūnaewele. I kaʻikeʻoleʻana o nāʻike nui'ē aʻe, e hana mau ka pūnaewele pūnaewele i ka H1 poʻokela i ka mea nui loa ma kaʻaoʻao, a laila e H2 a pēlā aku. Ke hoʻokumuʻoe i kāu huahana BODY i kahi nui momona, a laila, hoʻohanaʻia ia i ka nui o ka lahilahi o ke font, a ua heluʻia nā māhele kumu i kēlā.

ʻO kahiʻike e pili ana i ka hoʻoilina a me nā mea hoʻopuka

Aia kekahi mauʻano i kohoʻiaʻaʻole i ili'āina ma CSS 2 ma ka W3C, akā naʻe, loaʻa i nā mea pūnaewele ka waiwai. Eia kekahi laʻana, ināʻoe i kākau i kēia mau HTML a me CSS:

<ʻano style = "kikokikona / css"> h1 {kālia-e: kalame; }

He poʻo Nui poʻo

ʻO ka hua'ōlelo "Big" e loaʻa ka'ōmele'ōmaʻomaʻo,ʻoiaiʻaʻole pono ka'āina'āina e hoʻoiliʻia. Loaʻa kēia no ka mea he "maopopo" ka waiwai mua o kahi kuleana o ka background. No laila,ʻaʻoleʻoe eʻike i ke kala ma hope o ka akā ua'akalohi ke kala mai ka

makua.