Раванди оддии роҳе, ки элементҳо дар саҳифаҳои веб дар бисёр ҳолатҳо нишон дода мешаванд. Ҳамаи элементҳо дар HTML ҳастанд дар дохили қуттиҳои, ки дар қуттиҳои дохилӣ ё қуттиҳои block .
Бастаҳои блокҳои беруна
Дар ҷараёни мундариҷа, қуттиҳои блок дар як саҳифа баъд аз дигараш (дар тартиби онҳо дар HTML навишта мешаванд). Онҳо дар чапи болоии қуттиҳои кушода ва сақич аз боло ба поён оғоз мекунанд. Масофаи байни ҳар як қуттиро бо мароқҳо бо якҷоя боло ва поёни харобшуда ба якдигар муайян мекунад.
Масалан, шумо метавонед HTML-и зерин дошта бошед:
Ин аввалин div аст. Ин 200 пикселро бо 5px дар гирди он паҳн мекунад.
Ин тақсимоти васеъ аст.
Ин як div аст, ки яктарафа аз дуюмтар.
Ҳар як DIV ин унсури блок аст, бинобар ин элементҳои поёнии ҷузъӣ ҷойгир карда мешавад. Ҳар як чеки чапи чапи канори чапи болопӯшро ба чап хоҳад кашид.
Қуттиҳои инклюзивӣ
Қуттиҳои майдонҳо дар саҳифаҳои уфуқӣ ҷойгир шудаанд, яке аз пас аз оғози дигар дар болои унсури контейнер. Ҳангоме, ки ҳамаи элементҳои қуттии дохилӣ дар як сатр ҷойгир карда шаванд, онҳо ба хатти навбатӣ табдил меёбанд ва аз он ҷо ба ҷои амудӣ мемонанд.
Масалан, дар HTML-и зерин:
Ин матн далер аст ва ин матн такрорист . Ва ин матни оддӣ аст.
Параграф ҷузъи блок аст, аммо 5 элементҳои элемент мавҷуд аст:
- "Ин матн"
- "далер"
- "ва ин матн"
- "такрори"
- Ва ин матни оддӣ аст ».
Аз ин рӯ, ҷараёни оддӣ ин элементҳои блок ва элементҳои дар саҳифаи вебӣ бе ягон дахолат аз ҷониби таҳиягари веб нишон дода мешавад.
Агар шумо хоҳед, ки ба оне, ки элемент дар саҳифа бошад, шумо метавонед мавқеи CSS-ро истифода баред ё CSS-ро шино кунед .