Hoʻopukaʻia ka'ōnaeho kiʻi a me ka papahana o kahi pūnaewele e CSS a iʻole Cascading Style Sheets. ʻO kēia nā palapala e hoʻohui ana i ka hōʻailona HTML o ka pūnaewele, me ka hāʻawiʻana i nā pūnaewele pūnaewele me nā kuhikuhiʻana i ka pehea e hōʻike ai i nāʻaoʻao e hopena mai kēlā markup. Hiki i ka CSS ka papahana o kahiʻaoʻao, a me ka laulā, nā kiʻi hope, ka pilina a me ka nui aku.
Inā nānāʻoe i kahi pūnaewele CSS, eʻikeʻoe e like me kēlā me kēia kānana a'ōlelo hoʻololi paha, aia kēia mau kikowaena i kahi kiko'ī maʻamau iā lākou. Ua hanaʻia nā pepa maʻamau a pau i nā kānāwai CSS. ʻO kēia mau lula, i ka wā i laweʻia ai i ka piha,ʻo ia keʻano o ka pae.
Nā Māhele o kahi Rula CSS
ʻO ka rule CSS heʻelua mau māhele like - ka mea koho a me ka hōʻike. Na ka mea koho e hoʻoholo i ka mea i kākauʻia ma kaʻaoʻao aʻo ka haʻiʻanaʻo ia ka mea e pono ai ke kapaʻia. ʻo kahi laʻana:
p '
lepe: # 000;
}
He rule CSS kēia. ʻO ka mea kohoʻo "p", kahi mea koho mea no "parapa". No laila, e koho i nā paukū UN i loko o kahi pae a hāʻawi iā lākou i kēiaʻano (koe ke loaʻa nā palakalamu i hoʻokaʻinaʻia e nāʻano kiko'ī'ē aʻe i kahi o kāu palapala CSS).
ʻO ka māhele o ka rula e'ōlelo ana "kala: # 000;" ʻo ia ka mea iʻikeʻiaʻo ka hōʻike. ʻO kēia hōʻike i hanaʻia iʻelua mau'āpana - ka waiwai a me ke kumukūʻai.
ʻO ka waiwai kahi'āpana "lei" o kēia hōʻike. Hoʻoholo ia i kahi hiʻohiʻona o ka mea koho e hoʻololi i ka nānā.
ʻO ke kumukūʻai e hoʻololiʻia ka waiwai CSS i kohoʻia. Ma ko mākou hoʻohālike, hoʻohana mākou i ka nui hex o # 000,ʻo ia ka CSS shorthand no "ʻeleʻele".
No laila e hoʻohana ana i kēia kulekele CSS, e hāʻawiʻia ko mākouʻaoʻao i nā māhele palaka i hōʻikeʻia i kahi laulā-ʻeleʻele o kaʻeleʻele.
Nā kumuhana waiwai CSS
Ke kākauʻoe i nā inoa CSS,ʻaʻole hiki iāʻoe ke hana wale e like me kou manaʻo. No ka manawa, "he" CSS maoli maoli ka "lapu", no laila hiki iāʻoe ke hoʻohana. ʻO kēia mea waiwai ka mea e hoʻoholo ai i kaʻoni o nā mea o kekahi mea. Inā ho'āʻoʻoe e hoʻohana i ka "lawai-'ōlelo" aiʻole ka "font-color" e like me CSS mau waiwai, e pau auaneʻi kēia no ka meaʻaʻole lākou he mau manawa maoli o ka'ōlelo CSS.
ʻO kekahi kumu'ē aʻe he "waiwai kiʻi". Hoʻonohonoho kēia waiwai i kiʻi e hiki ke hoʻohana no ke kūlana, e like me kēia:
.logo {
kiʻi kiʻi-nui: url (/images/company-logo.png);
}
Inā 'oe e ho'āʻo e hoʻohana i "moʻolelo-kiʻi" a iʻole "kiʻi moʻokalaleo" ma keʻano he waiwai, e pau ana lākou no ka mea, eia hou,ʻaʻole kēia mau kikowaena CSS maoli.
Nā Kūlana CSS
Aia kekahi mau helu CSS i hiki iāʻoe ke hoʻohana no ka hoʻolālā i kahi pūnaewele. ʻO kekahi mau hiʻohiʻona:
- ʻO ka palena (e like me ka palena-palena, ka palena palena, a me ka palena āpau)
- Ke pale (me ka pale-luna, ka pale-'ākau, ka paleʻana, me ka pale-hema)
- ʻO nā palena (me kaʻaoʻao nui-luna, ka'ākau-'ākau, ka palena-lalo, a me kaʻaoʻao hema)
- ʻO kaʻohana
- Nui-nui
- Kino-lau
- Nui
- He kiʻekiʻe
ʻO kēia mau CSS waiwai nui lākou e hoʻohana ai i mau hiʻohiʻona, no ka mea, ua pololei loa lākou a, ināʻaʻoleʻoe iʻike iā CSS, hiki iāʻoe ke koho i ka mea a lākou e hana ai ma luna o ko lākou inoa.
Aia kekahi mau mea CSS'ē aʻe āu e hālāwai ai me ka mea hikiʻole keʻike maopopo i ka hanaʻana o lākou ma muli o ko lākou mau inoa:
- Kele
- E wehe
- Kahe
- Kikokikona-hoʻoponopono
- Z-papa kuhikuhi
I kou komoʻana i loko o ka pūnaewele pūnaewele, hiki iāʻoe ke hālāwai (a hoʻohana i kēia mau mea a pau aʻoi aku!
Pono nāʻona e pono
I kēlā me kēia manawa e hoʻohana aiʻoe i kahi waiwai, ponoʻoe e hāʻawi iā ia i kahi waiwai - aʻo kekahi mau pono keʻae wale i nā koina.
Ma ko mākou kumu mua loa o ka "ʻaina" waiwai, pono mākou e hoʻohana i kahi kelepona. Hiki i kēia he kumu hex he nui , ko RGBA waiwai, a iʻoleʻo nā hua'ōlelo kala . E hana paha kekahi o kēlā mau kumukūʻai, ināʻoe i hoʻohana i ka hua'ōlelo "pōkole" me kēia waiwai,ʻaʻohe mea no ka mea, e like me kaʻike e like me ia'ōlelo,ʻaʻole ia he kūlanaʻike i ka CSS.
ʻO kā mākouʻanoʻelua o "kiʻi-kiʻi" ke koi nei i ke ala e kiʻiʻia e kiʻi i ke kiʻi maoli mai nā pūnaewele o kāu pūnaewele. ʻO kēia ke kumu kūʻai / syntax e pono ai.
Loaʻa nā kuleana CSS i nā waiwai i makemakeʻia e lākou. ʻo kahi laʻana:
- Kūlanaʻia ka laulā-kūpono i kahi kele
- Kūlana ka palena palena i kahi nui nui, e like me nā pixels a iʻole mau helu
- Kūlana nāʻaoʻao kūikawā i kekahi o nāʻano maʻamau i hoʻohanaʻia no kēia waiwai, e like me ka "paʻapaʻa"
Ināʻoe e hele i loko o ka papa inoa o nā CSS waiwai,ʻikeʻoe e loaʻa ana iā lākou i nā kumukūʻai kūikawā a lākou e hoʻohana ai e hana i keʻano i makemakeʻia no lākou.
Hoʻoponoponoʻia e Jeremy Girard