Virtaus

Verkkosivun virtaus määrittää järjestyksen, jossa elementit näytetään pystysuunnassa ja vaakasuunnassa. Oletuksena elementit näytetään siinä järjestyksessä, jossa ne esiintyvät HTML-dokumentissa, ylhäältä alas. Vaakasuuntainen virtaus liikkuu tyypillisesti vasemmalta oikealle; kuitenkin virtaus on myös käänteinen oikealta vasemmalle kielissä, jotka luetaan oikealta vasemmalle.

Jokainen HTML-elementti on suorakulmainen alue, joka vie paikan rivillä, samanlainen kuin sanat viivoitetulla paperilla. On olemassa kaksi päätyyppiä elementtejä: lohkoelementit ja sisäkkäiset elementit.

Tarkasteltuasi esimerkkiä, tällainen johtopäätös:

Lohkotason elementti: vie koko säiliönsä leveyden, riippumatta sisällön koosta. Lohkoelementit pinoutuvat toistensa päälle, yksi kerrallaan.

Sisäkkäinen elementti: vie vain niin paljon leveyttä kuin sen sisältö vaatii. Tämä mahdollistaa sisäkkäisten elementtien sijoittumisen samalle riville. Ne siirtyvät seuraavalle riville, jos yhdellä rivillä ei ole tarpeeksi tilaa.

Huomautus

HTML-elementtien display-ominaisuus on ennalta määritelty HTML-spesifikaation asettamien standardien ja käytäntöjen mukaisesti. Nämä standardit määräävät elementtien oletusrenderöintikäyttäytymisen eri verkkoselaimissa. Voit löytää minkä tahansa elementin erityistyypin viite- tai spesifikaatiolinkkien kautta: HTML Reference ja HTML Specification.

Elementtityypit

Kuten aiemmin mainittiin, jokaisella selaimen tyylitiedoston elementillä on tyyppi, joka on esitetty display-ominaisuudella, joka määrittää sen käyttäytymisen. Kaksi pääasiallista elementtityyppiä ovat lohkoelementit ja sisäkkäiset elementit, ja lisäksi on myös muita tyyppejä, kuten inline-block-elementit.

Inline-elementit: käytetään pääasiassa sisällön pienten osien tyylittelyyn ja korostamiseen, kuten linkit, painikkeet ja kuvat. Ne pysyvät samalla rivillä, kunnes tila täyttyy, jolloin ne siirtyvät seuraavalle riville.

Lohkotason elementit: käytetään määrittelemään suurempia sisältörakenteita, kuten otsikot, kappaleet, listat ja osiot (esim. ylätunnisteet, alatunnisteet). Ne näytetään visuaalisesti suorakulmaisina lohkoina, jotka pinoutuvat pystysuunnassa toistensa päälle.