Tavaline voog on see, et elemente kuvatakse enamikul juhtudel veebilehel. Kõik HTML-i elemendid on lahtrites, mis on kas inline kastid või blokeerivad kastid.
Plokkide paigutamine
Tavapärasel voolul paiknevad blokeerimisboksid lehel üksteise järel (nende järjekorras, milles need on kirjutatud HTML-is ). Need alustatakse kasti ülemises vasakus servas ja virna ülevalt alla. Iga lahtri vaheline kaugus määrab marginaalid, mille üla- ja alumised veerised vhenduvad üksteisele.
Näiteks võib teil olla järgmine HTML:
See on esimene div. See on 200 pikslit lai ja 5px marginaal selle ümber.
See on laiem div.
See on div, mis on veidi laiem kui teine.
Iga DIV on plokk element, nii et see paigutatakse eelmise ploki elemendi alla. Iga vasakpoolne välisserv puudutab blokeeringu vasakut serva.
Väljaspool asetsevad karbid
Sisemised kastid asetatakse lehele horisontaalselt, üks teineteise järel konteineri elemendi ülaosast. Kui ruumis ei ole piisavalt ruumi, mis sobiksid ühe reaga sisestatud kasti elementidega, siis ümbritsevad need järgmisele reale ja asetsevad vertikaalselt sealt.
Näiteks järgmist HTML-i:
See tekst on poolpaksus ja see tekst on kaldkirjas . Ja see on tavaline tekst.
Lõik on plokk element, kuid selles on 5 sisestatud elementi:
- "See tekst on"
- "julge"
- "ja see tekst on"
- "kaldkirjaga"
- "Ja see on tavaline tekst."
Nii et tavaline voog on see, kuidas need blokeerivad ja sisseehitatud elemendid kuvatakse veebilehel ilma veebidisaineri sekkumiseta.
Kui soovite mõjutada, kus element on lehel, võite kasutada CSS-i positsioneerimist või CSS-i hõljuvat .