Nā hopena CSS: e ho'opuni i nā kihi o nā kumuhana

Ho'okumu'ia ka syntax o nā pa'i lole kālai'ia i mea e ma'alahi ai ka hiki ke loa'a ka ho'olālā i mana'o'ole'ia a hiki i kahi kanaka mamao mai ka ho'olālā a me ke kūkulu'ana i nā wahi. Malia paha mai ka mea i ho'omau'ia nā pā'ani a nā keiki i nā kumupena i loko o ka ho'omana'o'ana o nā mea a pau, e ho'ohana i kēia'ike-nui-nui i ka HTML,'a'ole pa'akikī CSS.

Eia na'e, ua lō'ihi loa ka ho'olālā'ana o kēia ao i ka ho'ohālikelike'ana i nā kūkulu o nā mea maoli maoli. I kēia manawa,'o kekahi wahi (kahi i noho'ia e kekahi'āpana'āpana) ma kekahi o kona mau mana'o a me nā hana ho'ona'auao he'ao'ao like'ole ka mea i hana'ia ai ka pā o ka'ao'ao.

I kēia manawa, hiki ke'ike'ia kekahi'ōpili o ke ākea, kekahi laina pololei o ka laina, a me nā mea'ē a'e. E like me nā helu'ele'ele ma'amau a me nā'āpana'u'uku li'ili'i, nā trapezoids, nā'onihi a me nā mea pono'ē a'e paha e'ike'ia e ka maka e like me ka helu ma ka laina.

Nā kūkulu kūikawā kūikawā

'A'ole ia he mea kupanaha no ka holomua o ka ho'olālā'ana a me ka'enehana'ikepili i ho'ohālikelike i nā kumukū'ai'āpana. 'A'ole i ho'opoina nā mana'o nui i nā manawa ma nā papa like'ole, akā,'a'ole lākou i poina i ka ho'olako'ana i ka mea nāna i ho'olālā i nā hi'ona piha i nā mea a me nā kulekele HTML, CSS a me nā'ōlelo ho'olālā e pili ana.

'O kekahi mea i ho'ohana'ia ma ka'ao'ao he wahi'ākau, a ua wae'ia kekahi mau'āpana i loko o ia mea, mai ia mea ma kēlā me kēia pahu kiko'ī e pono ai e ho'ohana wale i ka mea pono, me nā koi o ka laulima pūnaewele, nā hi'ohi'ona o ka hilina'i'ana i nā mea kiko'ī i nā hanana syntactic i loa'a.

Nā Kūlana CSS CSS

'O nā hāmele kālepa e hō'ike nei e hō'ike ana i nā kumuhana penei:

• Kahi: kūpono.

'O ka waiwai kahi inoa kūikawā, a he inoa paha a he helu inoa paha.

E pili ana i nā'āpana papa a me ka mea e pono ai e ho'onui i nā kihi ma ka CSS, pono ia e ho'ohana i ka waiwai palena palena a me kona waiwai ma ka hōpili "38px" a "8px 16px 24px 38px".

Inā ua ho'onohonoho'ia ka helu i kahi helu, e ho'onoho'ia he ho'okahi no nā'āpana a pau. 'O ka mo'olelo o nā mea ma'amau'ehā:

• 'O ka helu mua i ka'ao'ao hema;
• 'O ka lua ma ka'ao'ao'ākau;
• 'O ke kolu - i ka'ao'ao'ākau;
• 'O ka hope ma ka'ao'ao hema.

Ka'ana like'ana i kekahi mau rula

Hiki ke ho'ohana'ia i ka palena, ka'ōnaeho a me ka'ike. He mea ma'amau kēia, a'a'ohe mea e pale ai kekahi i kekahi, me ke'ano ma'amau. 'O ka mea nui,'o ia ka hā'awi'ana i ka mo'olelo o ke'ano o kēlā me kēia o lākou, a me ke'ano o ke kūlana ki'eki'e.

Ma mua o ka ho'okō'ana i kēia a i'ole kēlā waehana, he mea nui ka hana'ana i nā ho'okolohua a ho'ā'o i ka hana ma nā pūnaewele. 'O ke kuhikuhi'ana i nā'ōlelo a'o, nā'ōlelo paipai, nā hi'ohi'ona'ekolu a i'ole CSS syntax, nā kihi a me nā mea'ē a'e, he'oi aku ka maika'i ma mua o kāu hana hou.

He mea nui e ho'omaopopo i ka palena, ke ki'i, mai ka mana'o o ka ho'olālā o ke kihi, he'ano like. 'A'ole hiki ke hō'ike'ia ke ki'i ma ka png-format. E ho'ouka'ia e ka polokalamu kele pūnaewele, e like me nā rula i ho'onoho'ia ma CSS. 'O nā kihi e kau'ia ana ka mana'o o ka mea ho'oponopono, me ka nānā'ole i ka hapahā o nā kumuhana.

Features HTML, CSS mai nā polokalamu kele pūnaewele

Aloha'oe i ka ho'okomo'ana o ke'ano i ka pahu nui - no nā pūnaewele pūnaewele a pau. Ma kekahi'ano, nā hi'ohi'ona ma'amau i ka kumuhana "CSS: nā kihi ākea" e mana'o e kākau'ia penei:

'Ike'a: # FF7F00; / * Pe'e /

Palena: 1px #CCCCCC pa'akikī; / * Kāpena /

-moz-palena-palena: 10px; / * CSS mau kihi no Mozilla Firefox * /

Loa'a ka palena-palena-palena: 10px; / * ... no Chrome a me Safari * /

-khtml-palena radius: 10px; / * ... Konquerer * /

Ho'opā palena: 10px; / * CSS mau kihi no nā mea a pau * / etc.

Eia nō na'e, i ka nui o nā manawa, ua lawa ia e kuhikuhi i ke kānāwai hope loa. Pono e ho'ohana i ke kuleana i ka manawa wale nō e pono ai no ia.

Nā papahana kūikawā a mahalo

'Oiai nā ho'opa'apa'a nui o nā mea e kāko'o ana i ka papahana papa (tr, td) a me ka ho'ohana'ana i nā māka a me nā mau mīkini wāwae ("ka hō'oia" ho'olālā "), nā'oihana i makemake'ia ka koho o ka mea pono.

Loa'a kekahi mau pono, a he mau papa'ē a'e kekahi. Inā kōkua'ole lākou i kekahi i kekahi, akā pa'akikī wale nō, e wikiwiki ana ka nīnau i ho'okahi o nā mea'ē a'e, e ho'ohui i nā'ao'ao maika'i loa o nā papa a me ka'ike.

Ho'ohana'ia ka nui o nā'enehana ma ka ho'ohana'ana i ka CMS (nā pūnaewele ho'onohonoho pūnaewele) a ma ka hā'awi'ana o ka mea nāna e ho'olālā e hō'ea wale mai i nā hō'ailona'ike nui, nui o nā waihona, nā mea, akā,'o nā papa.

'A'ole i ho'ohālike'ia nā hua'ōlelo [div | span], akā,'o ka mea wale nō e hele pololei mai i ka kū'ai kū'oko'a piha o ka mea ho'olālā,'o ia nā'ano CSS. A ma waho o kahi CMS e ho'oka'awale i ke code i loko o ka hanana o ka mea ho'oponopono, a me kona mau'ano mai ke'ano i kāhua'ia, a me ka ho'ololi'ana (e like me ka ho'okipa'ana i nā kihi o ke pākaukau)

'O nā kukui a me nā'ā'ī i hā'awi'ole'ia e ka syntax

Hiki iā'oe ke hahai i nā lula a pau o HTML, CSS, akā loa'a ka hopena,'a'ole i ho'olako'ia. Ma nā pūkuhi luna nui ma luna o kekahi me kekahi, hiki iā'oe ke loa'a nā'āpana o kahi ho'onohonoho. I ka ho'ohana'ana i ka PHP programming ma luna o ka pūnaewele, hiki iā'oe ke ho'ouna i nā faika kālepa i ka polokalamu kele pūnaewele a kau i ka code JavaScript kūpono iā lākou i loko o ke kino o ka kōnae HTML a i'ole kahi kōnae js'ē a'e.

'O kēlā me kēia puka o ka papa kuhikuhi, nā'ano like'ole o kāu pono ma waho o nā kānāwai CSS! 'O nā kihi āpau wale nō he kaulike, a he'oi aku ka nui o nā mea maoli. I ka manawa like e ho'olālā ai i kāu mau mea pono'ī,'a'ole hiki iā'oe ke ho'olohe i nā hi'ohi'ona o nā mea nānā kele pūnaewele, e ho'ohana wale i nā inoa a me nā kūkulu o nā'ōlelo kuhi hina e'ike'ia e nā mea pūnaewele a pau me ka'ole.

Ma ka ho'ohana'ana i nā mana'o o ka ho'olālā'ana i ka hopena, hiki iā'oe ke ho'ohālikelike i ke'ano o kahi kihi a i'ole ka'ao'ao, akā,'a'ole i ho'olako'ia e kekahi'ano polokalamu kele pūnaewele. I kēia hihia,'a'ohe mea e pono ai ka like'ana o ke kihi o ka'āina,'o ke'ano o ka'āpana'āpana mua. He mea nui e ho'ohui'ia nā'āpana o ka pā i ho'ākāka'ia ma ke'ano o nā kānāwai CSS i loko o kahi kikowaena pahuhopu JavaScript hanana a ma ka manawa kūpono, ma kahi'ākau i ka polokalamu kele pūnaewele, e no'ono'o pono i ka palapala.

Me kēia'enehana,'a'ohe mea e pale i kēia mau mea mai ka'ike'ana iā lākou iho i ka lewa'ekolu ai'ole e hō'ike ana i ka animation.