Top laburtutako CSS: posizionamendua edukirik

CSS diseinua beti izan da angeluzuzena. Edozein leuna lerroak - sustatzailearen gaitasuna. Style arauak ematea nahikoa aukera leun orria inprimaki emateko pantailaren bereizmena barruan. Baina edozein teklatu elementu - beti da laukizuzena bertan kokapenaren informazioa dago CSS arauak gobernatzen.

alde guztietatik Padding orriko elementu bakoitzean garrantzitsuak dira erabat kokatu da, eta goiko marjina dago CSS zehazten diren elementu, batez minuskulak garrantzitsua da batez ere.

Oinarrizko kokatzea arauak

Bloke kidea izan ditu oro har abiatzen hasi eta alde elementu, zein da (marjina), oro har, koska egiteko elementu barruan (padding) eta zabalera markoa (mugan), hau ere erabil daiteke.

Garrantzi berezia goiko marjina da. CSS arauak unitate barruan, barne-padding arauak erabat eta nahiko kokatu bloke horren barruan elementu lotzen.

Ohikoa CSS-arauak praktika: alde guztietan marjina berdin goiko / beheko eta ezker / eskuin edo alde bakoitzean banaka zehaztu dezakezu, bikoteka. Adibidez,

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

In Lehenengo kasuan kidea da instalatutako desplazamendu batetik aldeetako kanpoko edukiontzi, zein da dago. Bigarren kasuan, goiko eta beheko marjinak dira 10px, ezker eta eskuin - 20px. Hirugarren kasuan, padding dimentsioak alde guztietatik: top, eskuinera, beheko eta ezkerreko.

Kasu horietan guztietan, goiko marjina CSS 10 px da.

elementuen posizioa aldatzen diren arauak

diseinua elementua ez da erabat kokatu bada, ordena forma nagusian orriaren atalean.

no - top marjina CSS scCurrInfo elementua ere lortzen da, eta li mailan bada definitzen badugu.

Adibide honetan, padding arauak erabiltzea: 40px; arau egokia zabalera eta altuera murrizteko 80px behar da. Bestela scCurrInfo bloke tamaina aterako kanpoko unitate haratago.

azalpen oro scCurrInfo batetik betegarria kentzen baduzu, baina gehitu 20px balioa zerrendako elementu estiloaren deskribapena, goiko marjina bakarrik. CSS ez du aplikatzen balio hau beste alderdi bat.

Jakina, hala nola koska arauak erabilera izan elementu li bakoitzari aplikatzen.

praktika General edukien formatu-

Garatzaileei batzuk iritsi perfekzioa, milia eta orri erdi bat blokeatu elementu. Dirudienez, hau praktika klasiko bat da - mahai hasi eta bloke gainean haien hezkuntza prozesua egin amaitzeko.

askatasuna bloke diseinua, hipnotikoekin berezko eta irudimena sustatzailearen ezin da zorrotza taula arauak mugatzen zelula fusio bakarrik bakarrik irtengo bakarrik horizontalki eta bertikalki. Ezer berezko erlazional ideia.

Bitartean, taulak, gain bistako desabantaila batetik, badago abantaila kualitatibo asko daude. gainean koska bat sortzea, CSS betegarria Ezkerreko aukera ematen du, eskubidea (behetik - honek une berezi bat da). Arauak onartzeko mahai zelulak lerrokatzea bai bitxiena kontrolatzeko. Estilo serieak erabiliz, konbinatuz zelula-estilo batera edukien aurkezpena konplexuak osatzeko.

Ohiko orri baten irudikapena laukizuzenak formularioa (bloke diseinua) ez du hori eragozteko taula batean. Hau ere laukizuzen bat, baina baita mahai zelula bat, hau da, beren arauak bloke arauak osatzea dute.

kokatze absolutu

; Bloke Araua KARGUA: absolutua; izendatutako bere koordenadak blokean bertan dago erlatiboa by tokia izango da kokatuta.

CSS arauak ezaugarri bat ezaugarria - "praktika - egiaren irizpide onena" kasu gehienetan, bereziki, mugaz nabigatzaileak bateragarritasuna eta diseinua eskuz egiten da, ahal izanez gero, goi-mailako ikasketa estilo-orri eskuliburuak.

taulak askotan erabiltzea dakar edukiak bias arazo zelula. blokean antzeko shift batek ez eragiten du beti, eta ez elementu guztientzat. esperimentatzen By, nahi duzun emaitza lortzeko dezakezu. Bañales zeregin: Goiko marjina nola kendu, CSS ez da beti horrela trivial bat konpontzeko.

Kasu batzuetan, beharrezkoa denean orri elementu inposatzeko popular eduki kudeaketa sistema, web edozein barnealdean, oraindik ordaindu arreta behar praktika esperimental ez bakarrik, baina baita lankideekin esperientzia ikusteko.