ʻO kahiʻikepili o nā kāhua pepa me nā hua kiʻiʻano
Ke kūkuluʻoe i kahi pūnaewele mai kahiʻoi aku,ʻoi aku ka maʻalahi e hoʻomaka me nāʻano maʻamau. He mea like me ka hoʻomakaʻana me kahi holoi holoi maʻemaʻe a me nā'ōpala hou. ʻO kekahi o nā pilikia mua a nā mea hoʻolālā pūnaewele e kū nei, heʻokoʻa kēlā pūnaewele pūnaewele . ʻO ka laulā paʻamau keʻano likeʻole mai ka pae hilinaʻi i ka hiʻona,ʻo keʻano o kaʻohana poli paʻakikī,ʻo kekahi mau mea kelepona e ho'ākāka i nā palena a me ka paleʻana i ka helu kanaka akāʻaʻole nā mea'ē aʻe, a pēlā aku nō. E huli a puni i kēia mau kuhikahi ma ka weheweheʻana i keʻano kūpono no kāu mau pūnaewele pūnaewele.
CSS a me ka hoʻonohonoho pū'ā
ʻO nā mea mua, e hoʻonoho i keʻano o kāu palapala CSS i ka 8-8 . ʻOiai paha e kākauʻia ana ka hapanui o nāʻaoʻao i hoʻolālāʻia ma ka'ōlelo Pelekānia, hiki paha i kahi ke waihoʻia-e hoʻopiliʻia no nāʻokoʻa a me ka pilinaʻokoʻa. I ka wā e hanaʻia ana, hoʻokau hou kaʻoihana-8 i ke kaʻina hana. ʻO ka hoʻonohonohoʻana i ka hoʻonohonoho hiʻohiʻona i loko o ka pepa maʻamau āpau o wahoʻaʻole ia e hoʻokumu i mua o kahi panee HTTP , akā, ma nāʻano'ē aʻe a pau,ʻo ia.
He mea maʻalahi ke hoʻonohonoho i ka hoʻonohonoho hiʻohiʻona. No ka laina mua o ka palapala CSS kākau i kēia:
@charset "utf-8";ʻO kēiaʻano, inā hoʻohanaʻoe i nā mea o ka honua ma ka mea waiwai a iʻole nā inoa a me nā inoa ID, e holo pololei ka pepa maʻamau.
Hoʻokala i kaʻAmiʻAoʻao
ʻO ka mea'ē aʻe, heʻano kāhua maʻamau ka nele o nāʻano e kau ai i nā palena, nā pale, a me nā palena. Mālama kēia i nā mea huli pūnaewele i kahi o ka waihona i kahi hoʻokahi, aʻaʻohe wahi huna i waena o ka polokalamu kele pūnaewele a me ka mea. No ka hapanui o nā pūnaewele pūnaewele, kokoke loa kēia i ka palena no ka'ōlelo, akā, he mea nui e hoʻomaka ai i laila e hoʻonohonoho pololeiʻia nā kiʻi hope a me nā mahele papahana.
html, pilina o ke kino: 0px; ka pale: 0px; palena: 0px; }E hoʻonoho i ka pae mua o ke kuhi aiʻole ka momomi i kaʻeleʻele a me ke kala o kaʻikeʻole i keʻokeʻo. ʻOiai paha e loli ana kēia i nā'ōnaehana pūnaewele nui, e hoʻokauʻia kēia mau hae maʻamau i ke kino a me ka HTML tag ma ka mea mua e maʻalahi ka heluhelu a me ka hanaʻana i kaʻaoʻao.
html, kino (color: # 000; ʻike mua: #fff; }Nā Stel Font Default
ʻO ka nui o ka mīkini a me kaʻohana makualahi kekahi mea e hiki ke hoʻololi i ka manawa e paʻa ai ka hoʻolālā akā e hoʻomaka me kahi nui momona o 1 em a me kahiʻohana momona paʻamau o Arial, Geneva, a iʻole kekahi mau papa hana maʻamauʻole. ʻO ka hoʻohanaʻana i nā ems mālama i kaʻaoʻao ma ka hiki ke hiki ke loaʻa, a uaʻoi aku ka legiʻia o ka hōʻike ma ka mata.
html, kino, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; }Hiki i nā wahi'ē aʻe kahi e loaʻa ai ka hua'ōlelo, akā, p , th , td , li , dd , a me dt he hoʻomaka maikaʻi no ka weheweheʻana i ka font font. Hoʻohui i ka HTML a me ke kino i loko o ka hihia, akāʻo ka nui o nā pūnaewele e kāpili i nā koho koho inā hoʻololi waleʻoe i nā momotuhi no ka HTML a iʻole ke kino.
Nā kumuhana
Pono nā poʻomanaʻo HTML e hoʻohana no ke kōkuaʻana i kāu palapala pūnaewele a e hoʻomoho i nā engines hulina i loko o kāu pūnaewele. Me nāʻanoʻole, he maikaʻi loa lākou a pau, pēlā i hoʻonohonohoʻia ai nāʻano maʻamau ma luna o lākou a pau e wehewehe i kaʻohana momona a me nā nui maʻamau no kēlā me kēia.
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; } h1 {font-size: 2em; } h2 {font-size: 1.5em; } h3 {font-size: 1.2em; } h4 {font-size: 1.0em; 'h5 {font-size: 0.9m; } h6 {font-size: 0.8m; }Eʻae i ka Loulou
ʻO ka paʻiʻana i nā laikini ka meaʻoi loa o ka hoʻolālā, akā ināʻaʻoleʻoe e wehewehe i ia mau mea ma keʻano paʻakikī, hiki iāʻoe ke poina i hoʻokahi o nā pseudo-classes. E wehewehe iā lākou i kahiʻano liʻiliʻi ma keʻano polū a laila e hoʻololi iā lākou i ka wā e loaʻa ana iāʻoe ka pāliʻu kala no kaʻike o ka pae.
No ka hoʻonohonohoʻana i nā loulou i nāʻuli o ka uliuli, e hoʻonoho:
- nā loulou e like me kaʻuli
- ua kipa 'ia nā lula e like me ka uliuli
- Hoʻohuiʻia nā loulou e like me ka'ōuli ula
- nā loulou pili e like me ka paler blue
e like me ia i hōʻikeʻia i kēia hiʻohiʻona:
a: link {color: # 00f; } a: i kipaʻia i ka 'color: # 009; } a: hover {kala: # 06f; } a: ka hana {ka pena: # 0cf; } Ma ke kākoʻoʻana i nā loulou me ka'ōmole kalapu maikaʻi loa e hoʻomaopopo aiʻaʻole wau e hoʻopoina i kekahi o nā papa, a pēlā hoʻi ia e hoʻemi iki iho ai i ka ikaika ma mua o kaʻulaʻula, kaʻulaʻula, a me ka poni.Paʻa piha ke kiko
Eia ka pepa kāhua piha:
@charset "utf-8"; html, pilina o ke kino: 0px; ka pale: 0px; palena: 0px; lepe: # 000; ʻike mua: #fff; } html, kino, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; } h1 {font-size: 2em; } h2 {font-size: 1.5em; } h3 {font-size: 1.2em; } h4 {font-size: 1.0em; 'h5 {font-size: 0.9m; } h6 {font-size: 0.8m; } a: link {ka liʻiliʻi: # 00f; } a: i kipaʻia i ka 'color: # 009; } a: hover {kala: # 06f; } a: ka hana {ka pena: # 0cf; }