Le të hedhim një vështrim në hartimin e rrjetit të faqes dhe të zbërthejmë përbërësit individualë. Le të eksplorojmë pse float është kaq e dobishme, si dhe teknikën popullore për ndërtimin e rrjetit të parë në internet nga tre rrjedha dhe një fund të faqes.
Për të studiuar ndërtimin e rrjetit të një siti, duhet të kuptoni se çfarë është "rrjedha". Rrjedha janë elementet e sitit, të vendosura njëra pas tjetrës. Për shembull, këto mund të jenë elemente div që shkojnë njëri pas tjetrit në mënyrë të paracaktuar. Por rrjedha mund të riorganizohet, dhe pozicioni i elementeve të bllokut mund të ndryshohet.
Për të kontrolluar rrjedhën, ne përdorim vetinë float, e cila mund të vendosë bllokun në anën e majtë ose të djathtë. Mjafton të shkruash në skedarin CSS:
"klasa ose emri i bllokut" {float: djathtas / majtas; }
E vetmja pengesë e notave është aftësia për të "mbivendosur" një bllok mbi tjetrin.
Për të shmangur vrapimin mbi, ne përdorim qartë: të dyja - kjo pronë do të vendosë rrjedhën rreth bllokut. Ne vendosim gjerësinë dhe lartësinë, si maksimale dhe minimale, në mënyrë që vlera të formohet sipas madhësisë së përmbajtjes (teksti, imazhet). Margjina - vendosni vlerën në auto në mënyrë që kufijtë e jashtëm të formohen automatikisht në varësi të vendndodhjes së bllokut.
Meqenëse noton mund të vendosë blloqe në dy drejtime, është zakon të ndahet faqja në rrjedha - majtas dhe djathtas. Nëse programuesit i duhen vetëm dy rryma, atëherë ai lë notat majtas dhe djathtas, por nëse ka më shumë se dy, atëherë ai rregullon kufijtë duke përdorur marzhin. Si ndodh kjo:
. kolona1 {noton: majtas; gjerësia: 65px; min-lartësia: 50px; kufiri-djathtas: 9px; // 9px nga kutia qendrore}
2 rryma:
. kolona2 {noton: majtas; // në bllokun e majtë, por pa "mbivendosur", pasi kemi aplikuar gjerësinë e marzhit: 80px; min-lartësia: 50px; }
3 lumë:
. kolona3 {noton: djathtas; gjerësia: 65px; min-lartësia: 50px; }
Ballafaqimi me fundin e faqes (.footer):
.footer {qartë: të dy; // mbështjellë rreth të dy anëve}
Kjo është mënyra se si ne krijuam një rrjet për sitin duke përdorur float, i përbërë nga tre rrjedha.
