Çfarë është paraqitjen e bllokut? Si për të imponuar një faqe të vetme e faqes tuaj më vete?

Nuk është një dëshirë për të mësuar për të bërë faqet tuaja faqet? Pastaj le të ketë zotëruar atë bllok faqosje. rishtar Layout përmbushur një sërë vështirësish, ata kanë shumë pyetje. Mendoni se çfarë është bllok coding.

Një tip i rëndësishëm

Përdorni editor WYSIWYG, kështu që çdo gjë ishte e qartë. Ata që e njohin HTML dhe, punë në fletore, sepse ata e kuptojnë çdo gjë. Dhe fillestar mund të përfitojnë nga programet e tilla si FrontPage apo, për shembull, Dreamweaver.

Llojet e faqet paraqitjen

Ka disa lloje të shtrirjes:

1. Tabelore.
2. Block.
3. Të përziera.

Ne jemi të interesuar në bllok paraqitjen. Ajo që e dallon atë nga tabela? Në bllok paraqitjen duke përdorur tag DIV ka disa avantazhe:

1. Ngarkesës me hartimin e blloqeve më të shpejtë.
2. Përmbajtja shfaqet blloqe (ndryshe nga tabelat) si download ndodh. Siç dihet, këto tabela do të shfaq vetëm pasi të gjithë tryezë.
3. Kodi me div-s më të lehtë për të lexuar.

Kjo nuk është e gjitha avantazhet, i cili është i famshëm për bllok paraqitjen.

Si për të ndryshuar vendndodhjen Div-blloqe?

Kjo do të na ndihmojë të noton - këtë pronë, e cila është e aftë të sa më poshtë:

1. Vendose la - la.
2. Për të lidhur të drejtë - të drejtë.
3. Element mbetet ku ai ishte, ai nuk do të lëvizë nëse u jepet asnjë. Kjo vlerë do të jetë paracaktuar.

Një tjetër tipar i rëndësishëm që ne kemi nevojë - të qartë. Ai mund të ketë 4 vlerat:

1. Për instalimin nën pikën e mëparshme, lëvizin në të djathtë, bllok - drejtë.
2. vendos majtë nën elementin e mëparshme, e cila është zhvendosur në të majtë.
3. Të dy - Instalimi i bllokut të mëparshëm të zhvendosur.
4. Asnjë tregon mungesën e kufizimeve në pozitën e bllokut në krahasim me ato elemente që janë lëvizur.

shembull

E konsiderojnë si do të duket si një bllok div layout. Ne shkruani kodin tonë:

Sipas kodit të shihni rezultatin. Kështu, në bazë të disa pronave të mund të kontrollohet marrëveshje bllok si e dëshiruar. Shko në momentin e ardhshëm. Ne kemi përdorur text-align: qendër, për të lidhur çdo bllok për çdo shfletues.

Siç mund ta shikoni, ajo është mjaft e thjeshtë bllok paraqitjen e faqes. Është e rëndësishme për të studiuar dhe praktikuar më shumë veti që do të krijojnë një strukturë më fleksibël e faqeve.

Diçka më e rëndësishme

Nuk është një tipar popullor që është përdorur në paraqitjen - pozita, ajo është përdorur për pozicionimin.

Vlerat për vetitë e pozitës:

1. Relative - përcakton pozitën e elementeve në krahasim me vendet e tyre origjinale. Aplikimi u largua, top, righ, lëviz fund element në një drejtim të caktuar.
2. Static - pika normale ekranit. Nuk ka kuptim për të përdorur drejta / Left, top / fund - kjo mund të çojë në asgjë.
3. Absolute - element absolute e pozicionuar.
4. Fikse - të ngjashme absolute. Ajo është e lidhur në një pikë të caktuar në ekran, por kjo nuk do të ndryshojë qëndrimin e saj, edhe nëse faqe Flipping.

Shumë faqosje vënë re se kur duke përdorur një pozicionim të caktuar, absolute dhe relative të blloqeve janë mbivendosur. Dhe pastaj interesante të dini se cili prej blloqeve më poshtë, të cilat më sipër. Për t'iu përgjigjur kësaj pyetjeje, ju duhet z-index pronën. Ajo solli blloqe paraqitjen në një nivel të ri. Kjo bën të mundur, jo vetëm për të bërë pozicionimin e avionit, por edhe me anë të Z. aksin tretë Vlera e një prone të tillë mund të jetë pozitiv ose negativ.

Krijo 3 blloqe. Tjetra, eksperimentojnë me pozicionimin absolut.

Siç mund ta shikoni, ajo është e lehtë për të ndryshuar pozicionin e blloqeve. Në bazë të faktit se ju jeni tani në gjendje, për të bërë ndonjë faqe fillore bllok layout. Zbatuar më shumë veti ju do të përmirësojë aftësitë tuaja.