Top n'akụkụ CSS: ọdịnaya ọkwa

CSS layout abụwo mgbe nile akụkụ anọ. Ọ bụla ezigbo edoghi - na iru eru nke Mmepụta. Style iwu enye ezu nhọrọ inye ezigbo page ụdị n'ime ihuenyo mkpebi. Ma ọ bụla layout mmewere - ọ bụ mgbe niile a rektangulu nke ebe-achịkwa ozi iwu nke CSS.

Padding n'akụkụ niile dị mkpa maka onye ọ bụla mmewere nke page mgbe ọ bụ nnọọ ahụ, na n'elu oke kpebisiri ike site CSS karịsịa n'ihi na ọ dị mkpa maka iche iche, karịsịa ala-ikpe.

Basic n'ọnọdu iwu

The ngọngọ otu nwere a n'ozuzu si n'akụkụ nke mmewere, nke bụ (oke), n'ozuzu indentation maka ọcha n'ime ya (padding) na obosara nke etiti (ókè), nke nwekwara ike na-eji.

Of otu dị mkpa bụ n'elu oke. CSS achị n'ime unit ejikọ esịtidem padding iwu nnọọ na dịtụ positioned ọcha n'ime na ngọngọ.

Ndị na-adị na-eme nke CSS-iwu: i nwere ike dee n'akụkụ peeji n'akụkụ niile dokwara, ụzọ abụọ n'elu / ala na ekpe / nri ma ọ bụ na akụkụ nke ọ bụla iche iche. Ka ihe atụ,

• oke: 10px;
• padding: 10px20px;
• padding: 10px20px30px40px.

Ke akpa idaha so na-arụnyere dechapụ si n'akụkụ nke elu akpa, nke ọ na-emi odude. Nke abụọ ahụ na elu na ala n'akụkụ peeji bụ 10px, ekpe na nri - 20px. Na-atọ ikpe, akụkụ nke padding n'akụkụ niile: top, nri, na ala na-ekpe.

Ke kpukpru idaha emi, n'elu oke CSS bụ 10 px.

Iwu na-agbanwe ọnọdụ nke ihe

Ọ bụrụ na ndị layout mmewere na-adịghị nnọọ ahụ, ọ bụ na ndị n'ozuzu iji mpempe page.

Ọ bụrụ na anyị na-akọwa n'elu oke na CSS scCurrInfo mmewere na-enweta, na ọ bụrụ na n'ogo nke li - dịghị.

Na nke a atụ, ojiji nke padding iwu: 40px; Ọ na-achọ ezigbo iwu belata obosara na ịdị elu na 80px. Ma ọ bụghị ya, ngọngọ size scCurrInfo pụta n'ofè mpụga unit.

Ọ bụrụ na ị na-ewepụ ndị padding si kọwaa ọchịchị scCurrInfo, ma tinye ya na a uru nke 20px na nkọwa nke ndepụta item style, nanị n'elu oke. CSS adịghị emetụta a bara uru na ndị ọzọ ndị ọzọ.

Kwesịrị ịdị, dị otú ahụ a ojiji nke indentation iwu emetụta onye ọ bụla mmewere li.

General omume content formatting

Ụfọdụ mmepe zuo okè, mile na ọkara peeji igbochi ọcha. O doro anya na, nke a bụ a kpochapụwo omume - malite na table na rụchaa ha muta usoro na nkanka.

The nnwere onwe pụta ụwa ngọngọ okirikiri nhọrọ ukwuu, mesmerizing, na Mmepụta nke pụrụ ichetụ n'echiche nwere ike ịbụ nanị siri tabular iwu naanị kwubara naanị cell anọ na naanị ịgbasapụ na ekwesị. Ọ dịghị ihe pụta ụwa relational echiche.

Ka ọ dịgodị, tebụl, iche site ndị doro anya ndọghachi azụ, e nwere ọtụtụ qualitative uru. Na-eke ihe indentation on top, CSS-enye ohere maka padding n'aka ekpe, aka nri (na ala - na nke a bụ oge pụrụ iche). Iwu-ekwe ka ị na-achịkwa table mkpụrụ ndụ kwekọọ ma ekwesị na ịgbasapụ. Iji ekwekọghị series, na ijikọta ha na e nwee nke mkpụrụ ndụ na-etolite mgbagwoju ngosi nke ọdịnaya.

Ejikarịkwa nnọchiteanya nke a page n'ụdị rectangles (ngọngọ layout) adịghị egbochi ya na a na tebụl. Nke a bụkwa a rektangulu, ma ha na-a table cell, ya bụ, nwere onwe ha iwu supplementing iwu nke nkanka.

zuru n'ọnọdu

; Block Ịchịisi Onodu: zuru; Ọ ga-abụ dị na ebe ahụ site ya na-achịkọta ikwu na ngọngọ nke ọ na-emi odude.

A mara mma nke CSS iwu - "omume - kacha mma criterion nke eziokwu" ọtụtụ mgbe, karịsịa ebe cross-nchọgharị ndakọrịta na okirikiri nhọrọ ukwuu na-eme aka, ọkacha mma elu-ọkwa ọmụmụ akwụkwọ ntuziaka maka Cascading Style Ibé akwụkwọ.

Iji tebụl akpatakarị Cell n'ime echiche ọjọọ nsogbu. A yiri mgbidi na ngọngọ na-emetụta ọ bụghị mgbe niile na ọ bụghị maka ihe niile. Site na na, ị nwere ike nweta ihe ndị ha chọrọ N'ihi. Obere ọrụ: esi wepụ n'elu oke, CSS ọ bụghị mgbe nile dozie a na-adịchaghị mkpa ụzọ.

N'oge ụfọdụ, mgbe ọ dị mkpa iji wetara page ọcha n'ime ime ihe ọ bụla nke na-ewu ewu ọdịnaya management usoro website, ị ka kwesịrị ntị bụghị nanị na ibuo omume, ma na-na-ahụ na ahụmahụ nke ndị ọrụ ibe.