1、有三種基本布局靜態(tài)布局丟失布局和靈活布局 靜態(tài)布局 靜態(tài)布局使用像素px作為頁(yè)面設(shè)計(jì)的單位在不同的顯示寬度下，頁(yè)面元素大小都是固定的 流式布局 流式布局將頁(yè)面寬度設(shè)置為百分比當(dāng)顯示區(qū)域改變時(shí)，頁(yè)面布局將按比例改變；也就是常說(shuō)的body區(qū) ，這里放置的內(nèi)容就可以通過(guò)瀏覽器呈現(xiàn)給用戶，其內(nèi)容可以是table表格布局格式內(nèi)容，也可以DIV布局的內(nèi)容，也可以直接是文字這里也是最主要區(qū)域，網(wǎng)頁(yè)的內(nèi)容呈現(xiàn)區(qū)5最后是以quotlthtml quot結(jié)尾，也就；html5新增的一些語(yǔ)義話標(biāo)簽，可以使用比如頭部可以使用header標(biāo)簽，導(dǎo)航nav，主體部分可以使用section，底部footer，中間文章articlediv，ul li標(biāo)簽都是使用比較頻繁的標(biāo)簽，span，i，em可以對(duì)文字進(jìn)行單獨(dú)的描述，表示等ltarticl。

2、知識(shí)的表達(dá)方式，比如HTML5布局之路進(jìn)行學(xué)習(xí)，讓自己的知識(shí)更扎實(shí)一些，不然學(xué)的零零散散的Tips學(xué)習(xí)好HTML+CSS有利于后面學(xué)習(xí)JavaScript，畢竟需要它們兩者結(jié)合在一起才可以實(shí)現(xiàn)出可交互的前端頁(yè)面；你是要學(xué)嗎首先HTML是最基礎(chǔ)的，現(xiàn)在流行的是HTML5設(shè)計(jì)，先學(xué)會(huì)網(wǎng)頁(yè)布局CSS是用來(lái)美化HTML頁(yè)面的為頁(yè)面提供布局和格式最后再學(xué)javascript選擇專業(yè)的HTML5培訓(xùn)機(jī)構(gòu)，跟著老師一步一步操作，入門是很容易的，飛雀教育幫；對(duì)于初入門的網(wǎng)頁(yè)設(shè)計(jì)者和開(kāi)發(fā)者而言，學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)和開(kāi)發(fā)就應(yīng)該從HTML5和CSS3開(kāi)始，這是毋庸置疑的對(duì)于有經(jīng)驗(yàn)的工程師來(lái)說(shuō)，如果想完整掌握HTML5和CSS3新技術(shù)，那么HTML5+CSS3網(wǎng)頁(yè)布局和樣式精粹是最合適不過(guò)的。

3、HTML5+CSS3布局的頁(yè)面，漢字顯示不出來(lái)是因?yàn)镠TML代碼中對(duì)全站字體顯示做了設(shè)置，如下圖行2021的js語(yǔ)句對(duì)整體網(wǎng)頁(yè)代碼字體進(jìn)行了調(diào)用設(shè)置，此時(shí)設(shè)置中文字體不會(huì)被識(shí)別，只需刪除即可識(shí)別漢字；首先我們先打開(kāi)自己的DreamWeaver軟件，新建一個(gè)html5頁(yè)面，然后命名，保存然后我們先進(jìn)行簡(jiǎn)單的頁(yè)面布局在body部分加入一個(gè)div，里面添加ul和li的嵌套我們?cè)趌i標(biāo)簽中添加部分內(nèi)容，并設(shè)置其寬度為100%，即充滿整個(gè)屏幕；響應(yīng)式布局最簡(jiǎn)單的就是用css3來(lái)實(shí)現(xiàn)我舉一個(gè)最簡(jiǎn)單的例子下面是html代碼lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot ltmeta name =quotviewportquot content=quotwidth = devicewidth，initial；MUI25 方法步驟 為了演示HTML5 APP頁(yè)面是如何做到動(dòng)態(tài)調(diào)整布局1首先，我們創(chuàng)建一個(gè)移動(dòng)APP項(xiàng)目，然后，添加一個(gè)indexhtml頁(yè)面代碼里，添加一個(gè)圖標(biāo)，以及添加引入一個(gè)JS文件，該文件的作用在于請(qǐng)求后臺(tái)JS文件2；html5網(wǎng)頁(yè)設(shè)計(jì)流程文字說(shuō)明網(wǎng)站結(jié)構(gòu)設(shè)計(jì)包含網(wǎng)站欄目設(shè)計(jì)和網(wǎng)站模塊設(shè)計(jì)以來(lái)確定網(wǎng)站提供服務(wù)的一種邏輯表現(xiàn)形式，也是網(wǎng)頁(yè)之間的層次關(guān)系1網(wǎng)站欄目能起到提綱挈領(lǐng)額作用 2網(wǎng)站欄目具有清晰導(dǎo)航的功能 3網(wǎng)站模塊要做到順序。

4、1符合單一職責(zé)原則HTML5頁(yè)面就負(fù)責(zé)管理元素，而CSS3文件只負(fù)責(zé)對(duì)相應(yīng)HTML5文件顯示效果的渲染，相互獨(dú)立，互不相交2降低頁(yè)面的復(fù)雜度，便于維護(hù)試想，當(dāng)頁(yè)面的元素?cái)?shù)量增到很多的時(shí)候，同時(shí)在一個(gè)頁(yè)面里管理元素和元素的顯示屬性，可讀；橫向4個(gè)盒子浮動(dòng)好，給width25% 就是平均4部分， 不平均的話就自己調(diào)百分比；1，輸入positionfixedtop0left0將整個(gè)div固定在屏幕的頂部和左側(cè)2輸入width100％height100％min－width1000px這個(gè)可以適合div的高度和寬度，而min－width是為了實(shí)現(xiàn)讓屏幕寬度在1000px以內(nèi)時(shí)。

5、用JavaScript或者jquery 1頁(yè)面加載完，獲取當(dāng)前瀏覽器顯示區(qū)域高度2獲取頁(yè)面中我的相冊(cè)div1關(guān)閉相冊(cè)的高度3用1獲取的值減去2所有的值4用3所得值附加給div2 好了，方法教給你了，自己去實(shí)現(xiàn)吧；1國(guó)字型布局 這種布局類型分為上邊欄左邊欄中間內(nèi)容區(qū)右邊欄和底部的頁(yè)腳區(qū)域，其形狀酷似一個(gè)“國(guó)”字國(guó)字型結(jié)構(gòu)是目前比較常用的一個(gè)網(wǎng)頁(yè)布局結(jié)構(gòu)，它適用于信息分類繁多需要良好組織的網(wǎng)站2T字型布局 這種。