1、在html網(wǎng)頁編輯中，對于新手來講，接觸最多的就是div+css那么如何使用div+css就行網(wǎng)頁簡單布局呢 一個(gè)網(wǎng)頁設(shè)計(jì)時(shí)，我們可以將一個(gè)頁面設(shè)置為頭部，中間，和底部三部分 頭部有分為店招l(wèi)ogo和導(dǎo)航等 中間既內(nèi)容部分，內(nèi)容也可一個(gè)整體，也可左右分離， 底部來頁面結(jié)尾，一般寫版權(quán)信息，友情鏈接；網(wǎng)頁設(shè)計(jì)中的主要內(nèi)容包括header， nav， main， side和footer等部分header通常位于頁面頂部，用于展示網(wǎng)站標(biāo)題或logo，以及必要的導(dǎo)航鏈接nav部分則通常位于header之下，提供更加詳細(xì)的導(dǎo)航選項(xiàng)，幫助用戶快速定位所需內(nèi)容main部分占據(jù)頁面主體位置，用于展示核心內(nèi)容，如文章圖片等side部分則用于放置輔助；lt！DOCTYPE htmllthtml lang=quotzhcnquotlthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot body，html margin 0 padding 0 height 100% color #fff left， right float left width 50% height 1；html頁面布局設(shè)置方法1通過“l(fā)ttable”標(biāo)簽來對表格的行和列進(jìn)行排列來實(shí)現(xiàn)頁面布局的效果2將網(wǎng)頁內(nèi)容放在多個(gè)頁面中的多列布局3使用p和span標(biāo)簽進(jìn)行布局；9網(wǎng)頁布局分為自然布局，浮動布局， 定位布局 10當(dāng)一個(gè)元素被定義為浮動顯示時(shí)，即定義為塊狀元素并且該元素就會收縮自身體積為最小狀態(tài)所以，應(yīng)該有個(gè)好的習(xí)慣即把浮動元素設(shè)置高和寬如果沒有設(shè)置，則元素會按照它所包含的內(nèi)容大小來確定它的大小11當(dāng)元素浮動后，周邊的對象會自動環(huán)繞；1所謂HTML是超文本標(biāo)記語言HyperText Markup Language，簡稱HTML是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言2HTML頁面布局有兩種方式，一種是TABLE布局，一種是DIV布局3以前WEB10時(shí)代基本上都是table布局，后來WEB20，30時(shí)代，都是以DIV布局為主但是div布局的編寫難度比table布局要高4。

2、HTML的布局主要有以下幾種一流式布局 流式布局是HTML文檔中最基礎(chǔ)且常見的布局方式在這種布局中，頁面元素按照其在HTML中出現(xiàn)的順序從左到右從上到下排列如果元素所占空間超出容器邊界，內(nèi)容會被自動換行或者延伸這種布局簡單直觀，適用于簡單的網(wǎng)頁布局二網(wǎng)格布局 網(wǎng)格布局是一種二維的；企業(yè)官網(wǎng)的設(shè)計(jì)新品宣傳網(wǎng)頁的設(shè)計(jì)活動專題網(wǎng)頁設(shè)計(jì)后臺管控類網(wǎng)頁設(shè)計(jì)等三是學(xué)習(xí)前端代碼，主要是學(xué)習(xí)HTMLCSSJavaScript等前端語言的運(yùn)用其他方面，還需要學(xué)習(xí)目標(biāo)用戶研究設(shè)計(jì)對象研究素描基礎(chǔ)等等知識怎樣做html頁面的css頁面布局1第一先把整體框架搭起來，通過絕對定位確定大的模塊的；2 設(shè)置容器與元素使用CSS中的div元素來創(chuàng)建容器，并在其中放置內(nèi)容通過設(shè)置容器的寬度高度邊距等屬性，可以控制元素的位置和排列方式3 響應(yīng)式設(shè)計(jì)考慮到不同設(shè)備的屏幕大小，可以設(shè)置響應(yīng)式布局，使頁面能夠在不同屏幕尺寸上良好地顯示這可以通過使用媒體查詢百分比寬度和彈性圖片等方法來；三個(gè)辦法實(shí)現(xiàn)頁面居中布局居中一在html代碼頁面的body標(biāo)簽寫一個(gè)ltcenterltcenter的標(biāo)簽，在里面寫內(nèi)容即可實(shí)現(xiàn)居中，如接下來使用的兩個(gè)方法的前提是你的html代碼鏈接上css代碼不然沒效果 二textalign center方法在html代碼頁面給某一個(gè)標(biāo)簽取一個(gè)名字，然后在css代碼給標(biāo)簽設(shè)置屬性；方法1將空格用來代替，需要幾個(gè)空格就寫幾個(gè)ltpltp 這里就顯示4個(gè)空格 方法2用一個(gè)3行6列的Table來實(shí)現(xiàn)你的布局ltTable lttr lttd注冊名lttdlttdltinput type=textlttd lttd漏頁lttdlttdltinput type=textlttd lttd前綴lttdlttdltinput type=textlt；1如果你會htmlcss可以直接寫代碼，最方便的是用網(wǎng)上的js插件，有很多很炫酷的插件2如果不了解代碼的話就用ps做出整個(gè)網(wǎng)頁頁面，然后將每個(gè)按鈕每個(gè)菜單欄每個(gè)你要修改的地方都拆成一個(gè)個(gè)小圖片，最后在Dreamweaver上在拼接起來，將按鈕的圖片添加按鈕功能菜單圖片添加菜單工程可以查一下。

3、創(chuàng)建基本的HTML結(jié)構(gòu)，通過使用div元素來劃分頁面區(qū)域，每個(gè)div代表一個(gè)獨(dú)立的頁面元素，這是構(gòu)建頁面布局的基礎(chǔ)在使用CSS進(jìn)行樣式設(shè)計(jì)階段，通過定義CSS規(guī)則來設(shè)置每個(gè)div元素的視覺表現(xiàn)，包括顏色字體大小等，使頁面具有統(tǒng)一的視覺風(fēng)格頁面布局設(shè)計(jì)是整個(gè)頁面布局的核心部分，通過利用CSS的布局屬性，合理；流動布局流動布局是瀏覽器默認(rèn)的布局方式他會按照你所寫的標(biāo)簽特性，從上至下從左到右的方式進(jìn)行排列在HTML中我們按照標(biāo)簽的排列特性可以將它們分成三類1行級元素不獨(dú)占一行，不能設(shè)置元素的高度寬度和底邊邊距，它的寬度和高度是由他的內(nèi)容撐起來的2行內(nèi)塊元素不獨(dú)占一行，可以設(shè)置元。

4、用了margin0 auto時(shí)，整頁的上下外套應(yīng)該一樣的寬度，如果右邊的圖是背景，這根本不用position float更適合，或者body下鄉(xiāng)定義個(gè)統(tǒng)一的容器包住他們。