ʻO ka nānā a me ka manaʻo, aiʻole ka "ʻano" o kahi pūnaewele e hoʻopiʻiʻia e CSS (Cascading Style Sheets). He papa kēia e hoʻohui ai i ka papa kuhikuhi o kāu pūnaewele i loko o nā papahana CSS'ē aʻe e hana i ka hoʻolālā kiʻi a me ka papahana o kāu mauʻaoʻao.
ʻOiai nā wahi e hoʻohana ai, a hana pinepine, e hoʻohana i nā paʻi kiʻi maʻamau,ʻaʻole pono e hana pēlā. Hiki iāʻoe ke kau i kāu mau kulekele CSS i hoʻokahi waihona, a he mau mea maikaʻi no ka hanaʻana, e like me ka manawa lōʻihi a me ka hana o nāʻaoʻao no ka meaʻaʻole lākou e pono e kiʻi i nā faila he nui. ʻOiaiʻo ka nui loa, makemake nā pae hoʻolāhua i nā pepa i nā manawa likeʻole, hiki i nā wahi liʻiliʻi a me nā'ōnaehana kūpono ke hana maikaʻi loa me hoʻokahi pūnaewele wale nō. ʻO kēia kaʻu mea e hoʻohana ai no ka hapanui o kaʻu hana hana pūnaewele -ʻo ia nā pūnaewele CSS hoʻokahi me nā kānāwai a pau e pono ai koʻu mauʻaoʻao. No laila ua lilo ka nīnau - pehea kāu inoa e kapa ai i kēia kāʻei CSS?
Ka inoaʻana i nā kumuhana hana
Ke hanaʻoe i kahi pepa maʻamau no kāu mau pūnaewele, ponoʻoe e inoa i ka faila ma hope o nāʻano inoa inoa likeʻole no kāu mau kōnae HTML:
Mai hoʻohana i nā Pūʻulu Kūikawā
E hoʻohana waleʻoe i nā hua'ōlelo az, nā helu 0-9, e hōʻoia (_), a me nā hyphens (-) ma kāu mau inoa inoa CSS. ʻOiaiʻo kāu pūnaewele pūnaewele eʻae iāʻoe e hana i nā pūnaewele me nā hua'ē aʻe i loko o ia mau mea, hiki i kāu pūnaewele Server ke loaʻa nā kumu me nā hua'ōlelo kūikawā. Ua palekanaʻoe ma ka hoʻohanaʻana i nā hua'ōlelo i haʻiʻia maʻaneʻi. Ma hope o nā mea a pau, inā paha eʻae ana kāu kikowaena i nā hua'ōlelo kūikawā, ponoʻole paha ke koho inā hoʻoholoʻoe e neʻe i nā mea hoʻolaha pūnaewele i ka wā e hiki mai ana.
Mai hoʻohana i kekahi mau kūlana
E like me ka hua'ōlelo kūikawā, hiki ke kau i nā pilikia ma kāu kikoena pūnaewele. He mea maikaʻi e pale aku iā lākou i nā inoa o kāu pūnaewele. Ke hana nei au i kahi helu e kapa i nā inoa e like me PDFs e hoʻohana ana i kēia mau kūlana likeʻole, i ka manawa wale nō e pono iaʻu e hōʻolahi aku iā lākou i kahi pūnaewele. Inā makemakeʻoe e loaʻa kahi manawa e hoʻomāmā ai i ka inoa o ka inoa ke heluhelu, e koho i nā māhele a hōʻike paha ma kahi. No ka hōʻailona, ma mua o ka hoʻohanaʻana "ʻo kēia ka file.pdf" E hoʻohana wau "i kēia-is-the-file.pdf".
Pono ke Kōnae Kōnae e hoʻomaka me kahi leka
ʻOiaiʻaʻole kēia he kuleana kūpono, ua pilikia kekahi mau polokalamu me nā inoa inoaʻole e hoʻomaka me kahi leka. Eia kekahi laʻana, inā kohoʻoe e hoʻomaka i kāu pūnaewele me ka helu helu, hiki i kēia ke hoʻopiʻi i nā pilikia.
E hoʻohana i ka hoʻopiʻi piha
ʻOiaiʻaʻole kēia e koiʻia no kahi inoa inoa, he manaʻo maikaʻi, no ka mea,ʻo kekahi mau pūnaewele pūnaewele e nānā i ka hihia, a ināʻoe e hoʻopoina a kuhikuhi i ka file i kahi kūlana'ē aʻe,ʻaʻole ia e hoʻouka. Ma kaʻu hana pono'ī, hoʻohana wau i nā mea liʻiliʻi haʻahaʻa no kēlā me kēia inoa inoa. Uaʻike maoli wau i kēia mea he mea nui e ho'āʻo ai nā mea hana pūnaewele hou e hoʻomanaʻo e hana. ʻO kā lākou hana paʻakikī ke kohoʻana i kahi faila e hoʻokala i ka inoa mua o ka inoa. E hōʻalo i kēia a komo i ka maʻamau o nā hua liʻiliʻi wale nō.
E mālama i ka inoa inoa ma kahi pōkole e hiki ai
ʻOiaiʻo ka palena o ka nui o ka inoa inoa ma ka hapa nui o nā pūnaehana lawelawe,ʻoi aku ka lōʻihi ma mua o ka mea kūpono no ka inoa o ka inoa CSS. ʻO ka mana maikaʻi o ke koʻokoʻoʻaʻole iʻoi aku ma mua o 20 mau pūʻali no ka inoa o ka inoa me ka hoʻopiliʻana. ʻOiaʻiʻo,ʻoi aku ka lōʻihi o nā mea iʻoi aku ka lōʻihi o ka hanaʻana a me ka loulouʻana i kahi!
ʻO ka hapa nui loa o kāu CSS File Name
ʻO ka hapa nui o ka inoa file file CSSʻaʻoleʻo ia ka inoa pūnaewele, akā ka hoʻopaneʻe. ʻAʻole makemakeʻia nā hōʻailona ma nā polokalamu Macintosh a me Linux, akā he manaʻo maikaʻi e hoʻokomo i kekahi i ka manawa e kākau ai i kahi faila CSS. Ma kēlā ala eʻike mau loaʻoe heʻano kapa kapa aʻaʻole pono e wehe i ka faile e hoʻoholo ai i ka mea e hiki mai ana.
ʻAʻole paha he mea kupanaha nui, akā,ʻo ka hoʻopauʻana i kāu pūnaewele CSS he:
.cssCSS File Naming Conventions
Ināʻoe e loaʻa kahi waihona CSS ma kahi pūnaewele, hiki iāʻoe ke inoa i kēlā me kēia mea āu e makemake ai. Makemake wau i:
kāleka.css a iʻole default.cssʻOiaiʻo ka hapanui o nā kahua aʻu i hana ai i loko o kēia mau pūnaewele CSS hoʻokahi, ua hana maikaʻi kēia mau inoa iaʻu.
Inā hoʻohana kāu pūnaewele i nā kāleka CSS nui, e kapa i nā pūnaeweleʻano ma hope o kā lākou hana a maopopo maopopo ia ke kumu o kēlā me kēia faile. No ka mea hiki i kahi pūnaewele pūnaewele ke hoʻokomoʻia i nā paʻi kiʻi maʻamau iā lākou, kōkua ia i ka hoʻokaʻawaleʻana i kouʻano i nāʻokoʻa likeʻole ma muli o ka hana o kēlā pepa a me keʻano i loko. ʻo kahi laʻana:
- Layout vs Design layout.css design.css
- Nāʻaoʻaoʻaoʻao main.css nav.css
- ʻO ka pae pūnaewele a me nā māhele nui-kahi mainstyles.css subpage.css
Inā hoʻohana kāu pūnaewele i kahi anga o kekahiʻano,ʻike pahaʻoe e hoʻohana ana ia i nā faila CSS nui, i hoʻolaʻaʻia i nāʻaoʻao likeʻole o nāʻaoʻao a iʻole nāʻaoʻao o ka pūnaewele (ka heluʻano, ka laulā, ka hoʻonohonohoʻana, a pēlā aku).
Ka'ōlelo kumu mua na Jennifer Krynin. Hoʻoponoponoʻia e Jeremy Girard ma 9/5/17