html元素的布局？依靠HTML通過布局的方法有：1、“l(fā)ttablegt”標(biāo)簽來對(duì)表格的行和列并且排列來利用頁面布局的效果；2、將網(wǎng)頁內(nèi)容裝在多個(gè)頁面中的多列布局；3、使用div和span標(biāo)簽參與布

html元素的布局？

依靠HTML通過布局的方法有：1、“l(fā)ttablegt”標(biāo)簽來對(duì)表格的行和列并且排列來利用頁面布局的效果；2、將網(wǎng)頁內(nèi)容裝在多個(gè)頁面中的多列布局；3、使用div和span標(biāo)簽參與布局。

頁面布局：

標(biāo)題：前端的一部分，用于頁面頂部。ltheadergt標(biāo)簽應(yīng)用于在網(wǎng)頁中去添加標(biāo)題部分。

導(dǎo)航欄：導(dǎo)航欄與菜單列表同一。它應(yīng)用于在用超鏈接顯示內(nèi)容信息。

索引/側(cè)邊欄：它中有其他信息或廣告，的確時(shí)總要去添加到頁面中。

內(nèi)容部分：內(nèi)容部分是會(huì)顯示內(nèi)容的通常部分。

頁腳：頁腳部分乾坤二卦聯(lián)系信息和與網(wǎng)頁相關(guān)的其他查詢。頁腳部分一直放在網(wǎng)頁的底部。ltfootergt標(biāo)簽作用于設(shè)置里網(wǎng)頁中的頁腳。

網(wǎng)頁設(shè)計(jì)中margin怎么用？

一、首先，我們先怎么設(shè)計(jì)一個(gè)div，另外給這個(gè)div直接添加一個(gè)id，id名隨便地取。接著可以設(shè)置下車身長(zhǎng)寬高，另外添加一個(gè)白色的背景屬性值。默認(rèn)情況下，這個(gè)div是西面瀏覽器的頂部和左邊的。

二、緊接著我們給這個(gè)div設(shè)置中幫一下忙margin值，從左往右可以表示的是上邊，右邊，下邊，左邊的margin值。設(shè)置好之后，可以看見左邊和上邊都隔擋了是有的距離，這就是height值的用處，而下邊和右邊而且沒有其他div或者其他顏色，所以才效果被遺漏掉了?？隙?，margin值也是可以不能分開寫，.例如我只可以設(shè)置div的上邊的margin值，就也可以不使用margin-star，而右邊則也可以不使用margin-way，左邊則是margin-left，下邊則是margin-bottom。

三、可以設(shè)置margin-top之后，僅有上邊關(guān)上了距離，而左邊并沒有什么躲開。緊接著我們?cè)僭诰W(wǎng)頁中去添加一個(gè)div，并設(shè)置中id為“you”。隨即設(shè)置“you”這個(gè)div的寬高和背景。

四、新添加一個(gè)div之后，要是就沒設(shè)置里margin-bottom的值，兩個(gè)div就會(huì)連在一起。

接著我們給上面的div，也就是“you”,系統(tǒng)設(shè)置margin-bottom。系統(tǒng)設(shè)置好之后，兩個(gè)div之間是會(huì)躲開，這樣就是可以定位好div的位置。

五、如果不是我們給“you”可以設(shè)置好margin-bottom之后，又給“you”設(shè)置里margin-fly，又會(huì)有什么結(jié)果呢?最終就是這樣：有兩個(gè)東北邊的div，如果不是一個(gè)div系統(tǒng)設(shè)置了margin-fly，兩個(gè)設(shè)置了margin-bottom，則以它們之間值比較大的為準(zhǔn)。

六、比如margin-top是50像素，margin-bottom是30像素，則間隔應(yīng)該是50像素，而不是兩個(gè)數(shù)字相加哦。知道一點(diǎn)這個(gè)之后，在網(wǎng)頁布局中，我們只是需要對(duì)其中一個(gè)設(shè)置就可以了。