Y llif arferol yw'r ffordd y caiff elfennau eu harddangos mewn tudalen we yn y rhan fwyaf o amgylchiadau. Mae pob elfen yn HTML mewn blychau sydd naill ai'n flychau mewnol neu'n flychau bloc .
Gosod Blwchiau Bloc
Yn y llif arferol, mae blychau bloc wedi'u lleoli ar dudalen un ar ôl y llall (yn y drefn y maen nhw wedi'i ysgrifennu yn y HTML ). Maent yn dechrau yn y chwith uchaf o'r blwch sy'n cynnwys ac yn y pentwr o'r top i'r gwaelod. Diffinnir y pellter rhwng pob blwch gan yr ymylon gyda'r ymylon uchaf a gwaelod yn cwympo i mewn i un arall.
Er enghraifft, efallai y bydd gennych yr HTML canlynol:
Dyma'r rhan gyntaf. Mae'n 200 picsel o led gydag ymyl 5px o'i gwmpas.
Mae hon yn ddosbarth ehangach.
Mae hon yn div sydd ychydig yn ehangach na'r ail.
Mae pob DIV yn elfen bloc, felly bydd yn cael ei osod islaw'r elfen bloc flaenorol. Bydd pob ymyl allanol chwith yn cyffwrdd ag ymyl chwith y bloc sy'n cynnwys.
Gosod Blychau Mewnol
Mae blychau mewn llinell wedi'u gosod ar y dudalen yn llorweddol, un ar ôl y llall arall ar frig yr elfen gynhwysydd. Pan nad oes digon o le i ffitio holl elfennau'r bocs mewn llinell ar un llinell, byddant yn lapio i'r llinell nesaf ac yn ymestyn yn syth oddi yno.
Er enghraifft, yn yr HTML canlynol:
Mae'r testun hwn yn feiddgar ac mae'r testun hwn yn italig . Ac mae hyn yn destun plaen.
Elfen bloc yw'r paragraff, ond mae yna 5 elfen inline:
- "Mae'r testun hwn yn"
- "braidd"
- "ac mae'r testun hwn yn"
- "italig"
- "Ac mae hwn yn destun plaen."
Felly, llif arferol yw sut y bydd yr elfennau bloc ac inline hyn yn cael eu harddangos ar y dudalen we heb unrhyw ymyrraeth gan y dylunydd gwe.
Os ydych chi eisiau effeithio lle mae elfen ar dudalen gallwch ddefnyddio safle CSS neu flotiau CSS .