Kuramba kwakakwana ndiyo nzira iyo zvikamu zvinoratidzwa muwebhu pewebhu mumamiriro ezvinhu akawanda. Zvose zviri mu HTML zviri mukati mebhokisi izvo zviri mukati mebhokisi mabhokisi kana kubhokisi mabhokisi.
Laying Out Block Boxes
Pakufamba kwemazuva ose, mabhokisi mabhokisi akaiswa pane peji rimwe mushure meimwe (mumutemo iwo akanyorwa mu HTML ). Dzinotanga muchokumusoro nechokumusoro chebhokisi rine bhokisi uye ichibva kubva kumusoro kusvika pasi. Rutivi pakati pebhokisi rimwe nerimwe rinotsanangurwa nemiganhu yepamusoro nepamusoro kwemashure kuwirirana mukati meumwe.
Somuenzaniso, unogona kuva ne HTML inotevera:
Iyi ndiyo yekutanga div. Ipi 200 mapikiseti akaenzana ne 5px margin mairi.
Ichi chikamu chikamu.
Iyi iyi div iyo yakawanda kupfuura yechipiri.
Chero DIV imwe neimwe chinhu chinonyanya kukosha, saka ichaiswa pasi pebhanhire rekutanga. Rimwe nerimwe rakasiyiwa riri kunze kwekunze richabata kumucheto wekumucheto weine bhokisi.
Kuisa kunze kwebhokisi mabhokisi
Mamwe mabhokisi akakomberedzwa akaiswa pane peji nechepamusoro, imwe pashure peimwe inotanga kumusoro kwezvigadziriswa. Kana pasina nzvimbo yakakwana yekufananidza zvinhu zvose zvebhokisi riri mukati mutsara mumwechete, vanoputira kumutsara unotevera uye vanoisa vertical kubva ipapo.
Somuenzaniso, mune HTML inotevera:
Tsamba iyi yakashinga uye iyi ndedariki . Uye iyi iri mutsara wakajeka.
Iyo ndima inhengo ye block block, asi pane 5 inline zvinhu:
- "Uyu rugwaro"
- "bold"
- "uye rugwaro urwu"
- "itariki"
- "Uye izvi zviri pachena."
Saka kutenderera kwakananga ndeyekuti izvi zvikamu uye zvinyorwa zvitsvene zvicharatidza pane peji yewebhu pasina chero chinopindira newebhu web designer.
Kana iwe uchida kuchinja pane chimwe chinhu chiri pa peji unogona kushandisa CSS kuisa kana kuti CSS inofamba .