Kopitsa Sheet: Tsela ea ho indent sengolwa CSS

Web mohlodi bohlokoa ke basebelisi ba bakeng sa boipiletso ba lona bonwang. Ka hona, esita le e molemo ea mongolo lesedi ke ke bala ka lebaka la 'nete ea hore e hampe etselitsoeng. Qetello - hore ho hlokahala hore ka hloko 'me a ela hloko se feela ho dikahare labeled semantic ya maqephe a, empa hape ho nehelano lona bonwang. The qaleha theknoloji CSS eketsehileng monyetla oa ho bōpa lihloohong tsena e motle. E 'ngoe ea thepa e, o ne a rerile ho bebofatsa mosebetsi wa temoho ea e ngotsweng - indent CSS ea mongolo.

Thōko le padding: se tse fapaneng?

Pele u qala ho Format se ngotsoeng moo, o lokela ho utloisisa hore na margins le padding. Ho sa tsotellehe 'nete ea hore bana ba likarolo ya matshwao a ka linako tse ling batla e tšoanang ho mosebedisi, ho na le phapang e khōlō pakeng tsa bona:

• tšimo beha padding thepa, indent - thōko;
• tšimo e behilweng ke lekhalo pakeng tsa dikahare 'me-ea le literata e lekanyetsang moeli, e leng sebaka - pakeng tsa meeli ea ho na le masakana haufi;
• tšimo ka ho nkoa e le e elements ea boholo (bophara le bophahamo) 'me ha ho.

thōko thepa

Ho joalo, ho beha ho tse tshekaletseng, kapa paatsepama padding CSS ea mongolo, sebelisa moralo thōko. thepa ena e sebetsa ho tag e

serapa sa mong'a tokomane. Tabeng bonolo, e ka ngotsoe e le:

thōko: 12px.

mola Sena se bolela hore ho pota e le literata a temana ea (kapa le literata tse ling tse leha e le efe) ka mahlakoreng 'ohle e kenngoa ka intente ea 12 dipikselse. Ho eketsa karohano, ho etsa mohlala, ka makhetlo a mararo lekane hore a ngole:

thōko: 36px.

Empa ho thoe'ng haeba pakeng tsa litene tsa karohano e lokela ho ba o fapaneng lehlakoreng ka leng? ke jwa Web sebelisa mekhoa e 'maloa ea litlaleho:

1. thōko: 11px 22px.
2. thōko: 11px 22px 33px.
3. thōko: 11px 22px 33px 44px.

Ka mohlala oa pele, e intente 11 dipikselse di entseng ho tloha meeli ka tlaase le e ka holimo ea le literata, ka mahlakoreng a ea le literata e - ka 22 dipikselse. Ho ea ka tlaleho e bobeli unit trust pakeng tsa bohale e ka holimo le dikahare tla ba le 11 dipikselse, pakeng tsa ka tlaase - 33 phikisele lehlakoreng ka leng - ka 22 dipikselse. Ka boraro hlahletsoe nyeoe CSS indent sengolwa tla ba le boleng ba dipikselse 11 ho tloha ka holimo, lehlakoreng le letona 22 dipikselse, 33 dipikselse le 44 dipikselse ho tswa ho le letšehali ka tlase.

Fumaneha hape le ke bokhoni ba ho ngola hole ho tswa ho-ea le literata Moeli o ka lehlakoreng le leng feela: thōko-holimo, thōko-tlase , thōko-tsamaea, thōko-le letona. Fetolela mabitso a thepa ka puo ea Russia, ho bonolo ho nahana ka ho khethoa ha bona. Ka mohlala, ho kena latelang e bontša hore intente ka ho le letona e tla lekana le 22 dipikselse:

thōko-le letona: 22rh.

Bakeng sa sebaka se setseng ho pota mahlakoreng a ea le literata nahana ho ba ba lekanang le boleng ba le elements motsoali.

Thōko thepa e na le makgetha a ho hore developer indonesia o lokela ho hopola ha u sebelisa CSS sengolwa indented plate. Dikgao tsa likarolo haufi ha ba akaretsoa, le superimposed ka mong ho e mong. Ka mohlala, nka hore e mong oa diyuniti o na le thōko-tlase: 15px, le ka tlase ho e haufi le literata thōko-top: 35px. Sekolong mentlele le ho sebelisa kelello bo hloka hore ho sekgala palo yohle pakeng tsa bona e tla ba 50 dipikselse. Ikatisetsa ha ho joalo. A le literata le boleng kgolo ya thepa thōko «engole" moahelani oa hae. Ka lebaka leo, e karohano pakeng tsa likarolo e 35 dipikselse.

"Red" mola

Ho etsa tokomane ea ka mohlophisi ea selefouno, basebelisi ba khetha ho botsa serapa ka seng le lecha le mola "khubelu". Sebelisa CSS sengolwa indent ka ho le letšehali e le bonolo ho etsa - tšebeliso ea mongolo-indent moralo. Ngotsoeng e kang ena:

ho mongolo-indent: 11px.

Hore ke mola pele temana e ile a khaotsa ka ho tshwana le thōko le letšehali la 11 dipikselse. Ho etsa hore taba e ngotsoeng ka leqepheng la ho web ile ka sheba ho feta joaloka tokomane ka mohlophisi, u lokela ho kenya tokafatso eketsehileng, ke hore, a ngole tjena:

ho mongolo-indent: 11px;

ho mongolo-iphaphathang: lokafatsa.

Ho phaella ho dipikselse, ka tlhaloso ya tshebediso ya ya matshwao a lihlopha tse ling - ka intshi bolela diphesente. Tlohelang unit trust e na le CSS sengolwa intente ya 10%. Ha e le bophara ba ea le literata tsa 500 dipikselse, moleng khubelu tla 50 dipikselse (10% ea 500).

Bakeng sa thepa ena ka 'na ba bonahatsa boleng rue. tlaleho ena e bolela hore unit trust sebedisa thepa e tshwanang ya unit trust motsoali.

ho mongolo-indent: rue.

Ho makatsang ke hore ho intente ka e nkang ka melao ea boitšoaro e mpe! Tabeng ena, dipeakanyo li thehoa ke ho thoeng, ke hore taba e ngotsoeng ea motheo o lula sebakeng se le moleng pele e ile a khaotsa ho le letšehali ka 22 dipikselse:

ho mongolo-indent: -22px.

mangolo ha ba fetela moeling letšehali la sebadi ho, ho phaella ho ea mongolo-indent lokela ho sebelisoa ho hlalosa sebopeho tsa naha:

padding-setse: 22px.

Helpful hints

The thepa tsa motheo tsa CSS bakeng sa ho fomata sengolwa li nkoa. Le lokisa ba thuso ho itlhakisa. Mona ke tse seng kae ditomotsebe tsa ho qetela kamoo u ka sebelisang boitsebiso boo ithutile ntshetsopeleng Web:

• moleng khubelu le intente ea temana - bopa dikgopolo tsa e fapaneng, 'me thepa e fapaneng sebelisoa bakeng sa tataiso ea bona;
• melao paatsepama intente ha e sebetse thuto ea lipalo - dikgao lepelela, "hapa" elements le boleng ba kholoanyane;
• intente mpe sebelisoa ho bontša moleng pele la serapa le setšoantšo.