Na-aghọ aghụghọ mpempe akwụkwọ: Olee indent ederede CSS

Web akụ kpọrọ site na ọrụ maka ya visual mkpesa. Ya mere, ọbụna bara uru ederede ọmụma ike ịgụ n'ihi na eziokwu na ọ na-agụghị oké e. Mmechi - mkpa ọma na enyịn bụghị nanị na ọmụmụ gbasara asụsụ ọdịnaya nke ibe, kamakwa ya visual ngosi. Biakwa obibia nke CSS technology ụba ekwe omume nke na-eke ihe mara mma isiokwu. Otu nke Njirimara, bu n'obi ikwado uzọ nke e dere - indent CSS ederede.

Oke na padding: ihe bụ ihe dị iche?

Tupu ị malite usoro ederede, ị kwesịrị ị na-aghọta ihe dị n'akụkụ peeji na padding. N'agbanyeghị eziokwu na ndị a nkè ọcha na ụfọdụ anya otu onye ọrụ, e nwere isi ọdịiche dị n'etiti ha:

• ubi tent na padding property, indent - oke;
• ubi kpebisiri ike site a ọdịiche dị n'etiti ndị dị na ngọngọ ókè, a ohere - n'agbata ókè nke n'akụkụ nkanka;
• ubi nwere ike ewere dị ka ihe mmewere ke size (obosara na ịdị elu) na ọ dịghị.

oke onwunwe

Ya mere, ka ndị kwụ ma ọ bụ vetikal padding CSS ederede, na-eji imewe oke. Nke a ihe onwunwe na-emetụta mkpado

paragraf nwe akwụkwọ. Na mfe ikpe, ọ pụrụ dere dị ka:

oke: 12px.

Nke a akara pụtara na gburugburu a ngọngọ nke ederede (ma ọ bụ ihe ọ bụla ọzọ gbochie) n'akụkụ niile na-enịm ke indentation 12 pikselụ. Dịkwuo nkeji, n'ihi na ihe atụ, ugboro atọ bụ iji dee:

oke: 36px.

Ma ihe ma ọ bụrụ na n'etiti nkanka nke nkeji kwesịrị dị iche iche n'akụkụ abụọ? Web mmepe iji ọtụtụ iche nke ndia:

1. oke: 11px 22px.
2. oke: 11px 22px 33px.
3. oke: 11px 22px 33px 44px.

Ke akpa ihe atụ, indentation 11 pikselụ na-mere si ala na elu ókè nke ngọngọ, na n'akụkụ nke ngọngọ - by 22 pikselụ. Dị ka a abụọ ndekọ unit n'etiti elu onu na ọdịnaya ga-11 pikselụ, n'etiti ala - 33 pixel bụla dị n'akụkụ - by 22 pikselụ. Na-atọ ikpe CSS indent ederede ga nwere a uru nke 11 pikselụ site n'elu, n'akụkụ aka nri 22 pikselụ, 33 pikselụ na 44 pikselụ na ala ekpe.

Ọzọkwa dị bụ ike idekọ ihe anya si ngọngọ ókè na otu akụkụ naanị: oke-top, oke-ala , oke-ekpe, oke-nri. Ịsụgharị aha nke Njirimara na Russian asụsụ, ọ dị mfe maa banyere nhọpụta ha. Ka ihe atụ, ndị na-esonụ na ntinye na-egosi na indentation na nri ga-hà 22 pikselụ:

oke-nri: 22rh.

N'ihi na ndị fọdụrụ anya gburugburu n'akụkụ nke ngọngọ chere na-hà uru nke nne na nna mmewere.

Oke onwunwe nwere atụmatụ na a Mmepụta kwesịrị icheta mgbe eji CSS ederede indented ekwesị. Etiti oge nke n'akụkụ ọcha na-abụghị chịkọtara, na karịrị nke ọ bụla ọzọ. Dị ka ihe atụ, were ya na otu nke nkeji nwere a oke-ala: 15px, na n'okpuru n'akụkụ ngọngọ oke-top: 35px. School som na ezi uche na-achọ na ngụkọta spacing n'etiti ha ga-50 pikselụ. Na omume, ọ bụghị. A ngọngọ na a nnukwu uru nke onwunwe oke «ilo" onye agbata obi ya. Dị ka a N'ihi ya, ndị agbata n'etiti ọcha bụ 35 pikselụ.

"Red" akara

Na-eme ka akwụkwọ na a ederede nchịkọta akụkọ, ndị ọrụ na-ahọrọ ịjụ ọhụrụ ọ bụla na paragraf ya na "red" akara. Iji CSS ederede indent n'aka ekpe bụ mfe ime - eji ederede-indent imewe. Dere ya dị ka nke a:

ederede-indent: 11px.

Nke ahụ bụ nke mbụ akara nke paragraf na-gbanwere ikwu na ekpe oke nke 11 pikselụ. Iji mee ka ederede na ibe weebụ anya ọzọ dị ka a akwụkwọ na nchịkọta akụkọ, ị kwesịrị ị na wụnye ihe ọzọ ziri ezi, nke ahụ bụ, dee:

ederede-indent: 11px;

ederede-mmezi: ziri ezi.

Ke adianade pikselụ, na nkọwa nke eji ọzọ nkè Units - inch azọrọ percent. Ka unit nwere a CSS ederede indentation nke 10%. Mgbe obosara nke ngọngọ nke 500 pikselụ, uhie akara ga-50 pikselụ (10% nke 500).

N'ihi na nke a onwunwe nwere ike gosipụtawo uru eketa. Nke a kwuru na unit eji a yiri ihe onwunwe nke ndị nne na nna unit.

ederede-indent: eketa.

N'ụzọ dị ịtụnanya, nke indentation nwere ike buru na-adịghị mma ụkpụrụ! Na nke a, na projections ii site na-akpọ, na nke ahụ bụ isi ederede na-anọgide na ebe, na mbụ akara na-gbanwere-ekpe site 22 pikselụ:

ederede-indent: -22px.

The akwụkwọ ozi na-adịghị gabigara ekpe ókè-ala nke ihe nchọgharị, na mgbakwunye na nke ederede-indent ga-eji kọwaa ihe owuwu nke ubi:

padding-ekpe: 22px.

na-enye aka mma

Ihe bụ isi Njirimara nke CSS maka formatting ederede na-ahụta. Na idozi ha enyemaka omume. Ebe a na-a ole na ole ikpeazụ Atụmatụ na otú itinye mụtara ihe na web mmepe:

• uhie akara na indentation nke ederede - dị iche iche echiche, na dị iche iche Njirimara ji ha nduzi;
• vetikal indentation iwu anaghị emetụta mgbakọ na mwepụ - etiti yitewere, "ga-enweta nkwanye" mmewere na ibu uru;
• na-adịghị mma indentation mee na-egosi akpa akara nke a paragraf na ihe oyiyi.