E hoʻohana i ka manawa a me ka div me CSS no kaʻoihana nui a me ka mana hoʻonohonoho.
He nui nā poʻe hou i ka pūnaewele pūnaewele a me ka HTML / CSS e hoʻohana i nā "span> a me
Hoʻohana i ka Element Hāʻawi ka māhele wehewehe i nā mahele puʻupuʻu ma kāu pūnaewele pūnaewele.
ʻO ia kahi pahu kahi e hiki ai iāʻoe ke waiho i nā meaʻokoʻa HTML'ē aʻe e hele pū like. Hiki i kekahi mahele ke loaʻa nāʻokoʻa he nui i loko o ia mea, e like me ka paraka, nā poʻo, nā papa inoa, nā loulou, nā kiʻi, a me nā mea'ē aʻe.
No ka hoʻohanaʻana i ka'āpana hoʻohālike, e waiho i ka'āpuka open
ma mua o ka'āpana o kāuʻaoʻao āu e makemake ai he mahele kaʻawale, a me kahi helu ma hope o kēia:
nā mea o ka māhele
Inā makemake kaʻaoʻao o kāuʻaoʻao i kekahi 'ikepili hou e hoʻohana aiʻoe i ke kāʻei me CSS ma hope, hiki iāʻoe ke hoʻohui i kahi koho koho (eg,
id = "myDiv">), aiʻole kekahi papa koho (like, class = "bigDiv">). Hiki ke kohoʻia kēia mauʻokoʻaʻelua ma o ka hoʻohanaʻana iā CSS a hoʻololiʻia paha i ka hoʻohanaʻana i JavaScript. Kele aku nei nā hana maʻamau i ka hoʻohanaʻana i nā koho koho ma mua o nā ID, ma kahi hapa no kaʻike o nā koho koho ID. Ma kaʻoiaʻiʻo, akā, hiki iāʻoe ke hoʻohana i kekahi a hiki i ka hoʻokaʻawaleʻana i ka ID a me ka mea koho i ka papa.
Ke hoʻohanaʻia
Hoʻohālike
Heʻokoʻa ka mahele o ka hoʻohālike mai ka māhele o ka'āpana HTML5 no ka mea,ʻaʻole i hāʻawiʻia ka mea i hoʻopaʻaʻia i kekahi manaʻo like. Ināʻaʻoleʻoe i maopopo inā he'āpana a mahele paha ka poʻomanaʻo o ka helu, e noʻonoʻo e pili ana i ke kumu o ka manaʻo o ka mea a me ka waihona e kōkua iāʻoe e hoʻoholo i kahi e hoʻohana ai:
- Inā makemakeʻoe i ka māhele e hoʻonui i nāʻano i kēlā wahi o kaʻaoʻao, ponoʻoe e hoʻohana i ka māhele hoʻohā.
- Inā he manaʻo kūʻokoʻa ka mea i loko o ka waihona a hiki iāʻoe ke kū ma kona iho pono, makemake pahaʻoe e hoʻohana i ka māhele o kahi.
I ka pae hope loa, e hana like ana nā māhele a me nā māhele a hiki iāʻoe ke hāʻawi i kekahi o lākou i nā kūlana a kāhili iā lākou me CSS e loaʻa i ka nānā o kāu pūnaewele e pono ai. ʻO kēia mau meaʻelua he mau paepae papa.
Hoʻohana i ka Element
ʻO ke kikowaena he mea inline keʻikai. Hōʻike kēia i ka hoʻokaʻawaleʻana mai nā māhele a me nā māhele. Hoʻokomo pinepineʻia ke kikowaena e nakinaki i kahi'āpana o nā mea heluhelu, ka mea maʻamau i'ōleloʻia, e hāʻawi iā ia i "makau" hou i hiki ke kapaʻia ma hope. Hoʻohanaʻia me CSS, hiki iā ia ke hoʻololi i keʻano o ka kikokikona i hoʻopiliʻia; akā naʻe, me kaʻaʻahuʻole o keʻano,ʻaʻole wale ka mana o ka māhele manawa i ka hua'ōlelo.
ʻO kēia kaʻokoʻa nui ma waena o ka manawa a me nā māhele. E like me ka mea i'ōleloʻia ma luna nei,ʻo ka māhele pili me kahi palakala, akāʻo ka mea manawa wale nō ke haʻi i ka mea hoʻohana kelepona e pili i nā kānāwai style CSS i ka mea i hoʻopaʻaʻia e nā tags:
' Ōlelo kikokikona a me ka kikokikona iʻole i kahapaiʻia.
E hoʻouka i ka papa = "hoʻokumu" a iʻole kekahi papa'ē aʻe i ka mea manawaleʻa no ke kāhiliʻana i ka'ōlelo me CSS (e like me keʻano, papa = "hoʻokūkī").
ʻAʻole i koiʻia ka'ōlohelohe o ka'ōlani, akā,ʻekolu mau mea pono loa e like me ka mea o ka māhele:
- kāhua
- papa
- id
E hoʻohana i ka manawa ke makemakeʻoe e hoʻololi i keʻano o ka mea me kaʻole e wehewehe i kēlā mea i heluʻia ma keʻano he māwae papawaewa hou ma ka palapala.
Eia kekahi laʻana, inā makemakeʻoe i ka hua'ōleloʻelua o kahi h3 poʻo eʻulaʻula, hiki iāʻoe ke'ōpuni i kēlā hua'ōlelo me kekahi hua'ōlelo nui e kāhili i kēlā hua'ōlelo e like me keʻano ulaula. Ke hoʻomau nei ka hua'ōlelo i ka hapa o ka h3, akā i kēia manawa ke hōʻike nei hoʻi i kaʻulaʻula:
ʻO kēia kaʻu Mysterious Awesome
Hoʻoponoponoʻia e Jeremy Girard ma ka lā 2/2/17
Hāʻawi ka māhele wehewehe i nā mahele puʻupuʻu ma kāu pūnaewele pūnaewele.
ʻO ia kahi pahu kahi e hiki ai iāʻoe ke waiho i nā meaʻokoʻa HTML'ē aʻe e hele pū like. Hiki i kekahi mahele ke loaʻa nāʻokoʻa he nui i loko o ia mea, e like me ka paraka, nā poʻo, nā papa inoa, nā loulou, nā kiʻi, a me nā mea'ē aʻe.
No ka hoʻohanaʻana i ka'āpana hoʻohālike, e waiho i ka'āpuka open
nā mea o ka māhele
Inā makemake kaʻaoʻao o kāuʻaoʻao i kekahi 'ikepili hou e hoʻohana aiʻoe i ke kāʻei me CSS ma hope, hiki iāʻoe ke hoʻohui i kahi koho koho (eg,
id = "myDiv">), aiʻole kekahi papa koho (like, class = "bigDiv">). Hiki ke kohoʻia kēia mauʻokoʻaʻelua ma o ka hoʻohanaʻana iā CSS a hoʻololiʻia paha i ka hoʻohanaʻana i JavaScript. Kele aku nei nā hana maʻamau i ka hoʻohanaʻana i nā koho koho ma mua o nā ID, ma kahi hapa no kaʻike o nā koho koho ID. Ma kaʻoiaʻiʻo, akā, hiki iāʻoe ke hoʻohana i kekahi a hiki i ka hoʻokaʻawaleʻana i ka ID a me ka mea koho i ka papa.
Ke hoʻohanaʻia
HoʻohālikeHeʻokoʻa ka mahele o ka hoʻohālike mai ka māhele o ka'āpana HTML5 no ka mea,ʻaʻole i hāʻawiʻia ka mea i hoʻopaʻaʻia i kekahi manaʻo like. Ināʻaʻoleʻoe i maopopo inā he'āpana a mahele paha ka poʻomanaʻo o ka helu, e noʻonoʻo e pili ana i ke kumu o ka manaʻo o ka mea a me ka waihona e kōkua iāʻoe e hoʻoholo i kahi e hoʻohana ai:
- Inā makemakeʻoe i ka māhele e hoʻonui i nāʻano i kēlā wahi o kaʻaoʻao, ponoʻoe e hoʻohana i ka māhele hoʻohā.
- Inā he manaʻo kūʻokoʻa ka mea i loko o ka waihona a hiki iāʻoe ke kū ma kona iho pono, makemake pahaʻoe e hoʻohana i ka māhele o kahi.
I ka pae hope loa, e hana like ana nā māhele a me nā māhele a hiki iāʻoe ke hāʻawi i kekahi o lākou i nā kūlana a kāhili iā lākou me CSS e loaʻa i ka nānā o kāu pūnaewele e pono ai. ʻO kēia mau meaʻelua he mau paepae papa.
Hoʻohana i ka Element
ʻO ke kikowaena he mea inline keʻikai. Hōʻike kēia i ka hoʻokaʻawaleʻana mai nā māhele a me nā māhele. Hoʻokomo pinepineʻia ke kikowaena e nakinaki i kahi'āpana o nā mea heluhelu, ka mea maʻamau i'ōleloʻia, e hāʻawi iā ia i "makau" hou i hiki ke kapaʻia ma hope. Hoʻohanaʻia me CSS, hiki iā ia ke hoʻololi i keʻano o ka kikokikona i hoʻopiliʻia; akā naʻe, me kaʻaʻahuʻole o keʻano,ʻaʻole wale ka mana o ka māhele manawa i ka hua'ōlelo.
ʻO kēia kaʻokoʻa nui ma waena o ka manawa a me nā māhele. E like me ka mea i'ōleloʻia ma luna nei,ʻo ka māhele pili me kahi palakala, akāʻo ka mea manawa wale nō ke haʻi i ka mea hoʻohana kelepona e pili i nā kānāwai style CSS i ka mea i hoʻopaʻaʻia e nā tags:
' Ōlelo kikokikona a me ka kikokikona iʻole i kahapaiʻia.
E hoʻouka i ka papa = "hoʻokumu" a iʻole kekahi papa'ē aʻe i ka mea manawaleʻa no ke kāhiliʻana i ka'ōlelo me CSS (e like me keʻano, papa = "hoʻokūkī").
ʻAʻole i koiʻia ka'ōlohelohe o ka'ōlani, akā,ʻekolu mau mea pono loa e like me ka mea o ka māhele:
- kāhua
- papa
- id
E hoʻohana i ka manawa ke makemakeʻoe e hoʻololi i keʻano o ka mea me kaʻole e wehewehe i kēlā mea i heluʻia ma keʻano he māwae papawaewa hou ma ka palapala.
Eia kekahi laʻana, inā makemakeʻoe i ka hua'ōleloʻelua o kahi h3 poʻo eʻulaʻula, hiki iāʻoe ke'ōpuni i kēlā hua'ōlelo me kekahi hua'ōlelo nui e kāhili i kēlā hua'ōlelo e like me keʻano ulaula. Ke hoʻomau nei ka hua'ōlelo i ka hapa o ka h3, akā i kēia manawa ke hōʻike nei hoʻi i kaʻulaʻula:
ʻO kēia kaʻu Mysterious Awesome
Hoʻoponoponoʻia e Jeremy Girard ma ka lā 2/2/17