Normaalivirta on tapa, jolla elementit näytetään verkkosivuilla useimmissa olosuhteissa. Kaikki HTML-elementit ovat laatikoissa, jotka ovat joko ruutuisia ruutuja tai lohkoryhmiä .
Laying Out Block laatikoita
Normaalissa virtauksessa lohkoryhmät sijoitetaan sivulle peräkkäin (siinä järjestyksessä kuin ne on kirjoitettu HTML-muodossa ). Ne alkavat kotelon yläosassa vasemmalta ylhäältä alas. Kunkin laatikon välinen etäisyys määritellään marginaaleilla, joiden ylä- ja ala marginaalit putoavat toisiinsa.
Voit esimerkiksi näyttää seuraavan HTML: n:
Tämä on ensimmäinen div. Se on 200 pikseliä leveä ja siinä on 5 x marginaali.
Tämä on laajempi div.
Tämä on div, joka on hieman leveämpi kuin toinen.
Kukin DIV on lohkoelementti, joten se sijoitetaan edellisen lohkoelementin alapuolelle. Jokainen vasen ulompi reuna koskettaa lohkon vasenta reunaa.
Inline-laatikoiden sijoittaminen
Inline-laatikot on sijoitettu sivulle vaakasuoraan, peräkkäin säiliöaluksen yläosassa. Kun ei ole tarpeeksi tilaa sovittaa yhteen rivin kaikki elementit yhteen riviin, ne kääritään seuraavaan riviin ja pinoavat pystysuoraan sieltä.
Esimerkiksi seuraavassa HTML-muodossa:
Tämä teksti on lihavoitu ja tämä teksti on kursivoitu . Ja tämä on pelkkää tekstiä.
Kohta on lohkoelementti, mutta siinä on viisi inline-elementtiä:
- "Tämä teksti on"
- "Rohkea"
- "ja tämä teksti on"
- "Kursiivilla"
- "Ja tämä on pelkkää tekstiä."
Niinpä normaali virtaus on, kuinka nämä lohko- ja inline-elementit näkyvät verkkosivulla ilman web-suunnittelija.
Jos haluat vaikuttaa siihen, missä elementti on sivulla, voit käyttää CSS-paikannusta tai CSS-kellukkeita .