Mee usoro na CSS
Ọ bụrụ na ị na-emepụta ebe nrụọrụ weebụ, ị nwere ike ịmasị ịmụta otú ịmepụta ihe ndabere ma ọ bụ akara mmiri na ibe weebụ. Nke a bụ usoro ọgwụgwọ a na-ahụkarị nke a na-ewu ewu na weebụ maka oge ụfọdụ. Ọ bụ mmetụta dị oke mma iji nweta na ntinye akwụkwọ weebụ gị.
Ọ bụrụ na ịmebeghị nke a ma ọ bụ na-agbalị ya na mbụ n'enweghị ọdịda, usoro ahụ nwere ike iyi egwu, mana ọ bụ n'ezie na ọ gaghị esiri m ike. Na nkuzi nkenke a, ị ga-enweta ozi ịchọrọ ịchọta usoro na ihe nkeji n'iji CSS.
Na-amalite
Ihe oyiyi ma ọ bụ akara mmiri (ma ọ bụ naanị akara ngosi dị ichiiche) nwere akụkọ ihe mere eme na mpempe akwụkwọ. Ogologo ihe ndi ozo edere otutu ihe omimi banyere ha iji gbochie ha edeghari. Tụkwasị na nke ahụ, ọtụtụ akwụkwọ na broshuọ jiri nnukwu ihe ndabere dị ka akụkụ nke mmepụta maka ibe. Nzube weebụ nwere ogologo oge eji agbaziri ya site na mbipụta na ihe ndabere dị iche iche bụ otu n'ime ụdị ejiji ndị a.
Ihe oyiyi ndị a dị elu dị mfe ịmepụta iji atọ CSS ụdị ihe ndị a:
- ndabere-oyiyi
- ndabere-ikwugharị
- mgbakwunye na-agbakwunye
- ndabere-size
Ihe ndepụta
Ị ga-eji ihe ndepụta iji kọwaa onyinyo ahụ nke a ga-eji dịka akara mmiri gị. Ụdị a na-eji ụzọ faịlụ ebufee ihe oyiyi ị nwere na saịtị gị, ma eleghị anya na ndekọ a kpọrọ "ihe oyiyi."
ihe oyiyi: url (/images/page-background.jpg);
Ọ dị mkpa ka onyinyo ahụ dị mfe karịa ma ọ bụ karịa uzo karịa ọdịdị nkịtị. Nke a ga - eme ka "ihe nkiri mmiri" ahụ nke ihe oyiyi na-adịghị egbuke egbuke dị n'azụ ederede, eserese, na ihe ndị ọzọ dị mkpa nke ibe weebụ. Na-enweghị nzọụkwụ a, ọdịdị ndabere ga-asọmpi na ozi dị na ibe gị ma mee ka ọ sie ike ịgụ.
Ịnwere ike ịhazigharị ihe ndabere na ntinye ederede ọ bụla dị ka Adobe Photoshop.
Ntughari-Tinyegharịa
Ihe omumu ihe omuma a biara. Ọ bụrụ na ịchọrọ ka onyinyo gị bụrụ nnukwu ihe nkiri mmiri, ị ga-eji ihe onwunwe a mee ka onyinyo ahụ gosipụta otu ugboro.
ndabere-ikwugharị: ọ dịghị-emeghachi;
Na-enweghị "ihe ọ bụla na-eme", ndabara bụ na oyiyi ahụ ga-emeghachi ugboro ugboro na ibe. Nke a bụ ihe na-adịghị mma na ọtụtụ ntanetị weebụ weebụ, ya mere, a ga-ewere usoro a dị oke mkpa na CSS gị.
Ihe ndabere-Mgbakwunye
Ihe mgbakwunye na nzuzo bụ ihe nke ọtụtụ ndị na-emepụta weebụ na-echefu. Iji ya na-eme ka eserese gị dịrị na ebe mgbe ị na-eji ihe "edozi". Ọ bụ ihe na-eme ka onyinyo ahụ dị na mmiri nke dị na ibe.
Uru ndabara maka ihe a bụ "mpịakọta." Ọ bụrụ na ị kọwaghị njikọta nke ndabere, ndabere ga-pịgharịa gaa na nke ọzọ nke ibe.
agbakwunye agbatị: edozi;
Obere-Size
Ogologo ihe bụ ihe ọhụrụ CSS. Ọ na-enye gị ohere ịtọ ntọala nke dabeere na mbupụ nke a na-elele na ya. Nke a na-enye aka maka weebụsaịtị ndị na-azaghachi bụ ndị ga-egosipụta nha dị iche iche na ngwaọrụ dị iche iche .
ndabere-size: mkpuchi;
Ụkpụrụ abụọ bara uru ị nwere ike iji maka ihe onwunwe a gụnyere:
- Ekpuchi - Akwụsịtụ ala ma ọ bụrụ na obosara zuru ezu ma ọ bụ dị elu zuru oke. Nke a pụtara na ụfọdụ akụkụ nke onyinyo nwere ike ọ gaghị apụta na ihuenyo kama na mpaghara dum ga-ekpuchi.
- Enwe - Ajọ ihe oyiyi ahụ ma obosara ma obosara ya niile ka egosiputara na mpaghara ahụ. A gaghị ebipụ onyinyo ahụ, ma ala dị n'akụkụ bụ na akụkụ nke mpaghara ahụ agaghị ekpuchi ya.
Na-agbakwunye CSS na Page gị
Mgbe ị ghọtara ihe ndị dị n'elu na ụkpụrụ ha, ị nwere ike itinye ụdị a na ebe nrụọrụ weebụ gị.
Tinye ihe na-esote na ibe nke ibe gi ma oburu na ị na-eme otu saịtị. Tinye ya na CSS ụdị nke mpempe akwụkwọ mpempe akwụkwọ ma ọ bụrụ na ị na-ewu saịtị dị iche iche na-achọ iji ohere nke mpempe akwụkwọ mpụga.
<ụdị>
ahụ {
ihe oyiyi: url (/images/page-background.jpg);
ndabere-ikwugharị: ọ dịghị-emeghachi;
agbakwunye agbatị: edozi;
ndabere-size: mkpuchi;
}
// ->
Gbanwee URL nke ọdịdị ndabere gị iji kwado aha faịlụ aha na ụzọ faịlụ nke dị mkpa na saịtị gị. Mee mgbanwe ọ bụla kwesịrị ekwesị iji kwekọọ na imewe gị nakwa na ị ga-enwe mmiri.
Ị nwere ike ịkọwa Ọnọdụ, Ogo
Ọ bụrụ na ịchọrọ itinye ebe mmiri ahụ dị n'otu ebe na ibe weebụ gị, ịnwere ike ime nke ahụ. Dịka ọmụmaatụ, ịnwere ike ịchọ ka mmirimark ahụ dị n'etiti etiti ma ọ bụ ma eleghị anya na akuku ala, ma megide n'akụkụ nkuku, nke bụ ndabara.
Iji mee nke a, gbakwunye ihe onwunwe ndabere na ụdị gị. Nke a ga-etinye onyinyo ahụ kpọmkwem ebe ị ga - achọ ka ọ pụta. Ị nwere ike iji ụkpụrụ pixel, percentages, ma ọ bụ mmezi iji nweta mmetụta ahụ.
nkwụsị-ọnọdụ: n'etiti;