DIV+CSS實(shí)現(xiàn)典型的局部布局.ppt

《DIV+CSS實(shí)現(xiàn)典型的局部布局.ppt》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、DIV＋CSS實(shí)現(xiàn)典型的局部布局1Chapter回顧與作業(yè)點(diǎn)評(píng)XHTML使用的基本規(guī)范是什么？方框?qū)傩杂心男?？各包含哪些屬性？float屬性的應(yīng)用場(chǎng)合？有哪些取值？clear屬性的應(yīng)用場(chǎng)合？有哪些取值？預(yù)習(xí)檢查有哪些典型的局部布局結(jié)構(gòu)？各種局部布局適用的場(chǎng)合分別是什么？本章任務(wù)制作貴美首頁本章目標(biāo)使用div-ul-li實(shí)現(xiàn)局部布局使用div-dl-dt/dd實(shí)現(xiàn)局部布局典型的局部布局結(jié)構(gòu)div-ul(ol)-li：常用于分類導(dǎo)航或菜單等場(chǎng)合div-dl-dt-dd：常用于圖文混編場(chǎng)合table-tr-td：常用于圖文布局或顯示數(shù)據(jù)的

2、場(chǎng)合form-table-tr-td：常用于布局表單的場(chǎng)合HTML標(biāo)簽中，學(xué)過哪些典型的塊狀布局結(jié)構(gòu)？div-ul-li局部布局應(yīng)用場(chǎng)合產(chǎn)品的分類導(dǎo)航菜單導(dǎo)航實(shí)現(xiàn)TAB切換制作貴美首頁的主導(dǎo)航菜單6-1實(shí)現(xiàn)思路布局結(jié)構(gòu)分析CSS樣式分析制作貴美首頁中主導(dǎo)航菜單制作貴美首頁的主導(dǎo)航菜單6-2實(shí)現(xiàn)步驟先建立HTML標(biāo)簽組織結(jié)構(gòu)建立CSS樣式表，逐一添加各類樣式測(cè)試樣式細(xì)節(jié)演示示例1：制作貴美首頁的主導(dǎo)航菜單#header{background-image:url(images/h_bg.jpg

3、);//設(shè)置背景圖片background-repeat:no-repeat;width:100%;height:130px;}#logo{width:250px;height:98px;float:left;}#menu{clear:both;height:32px;}制作貴美首頁的主導(dǎo)航菜單6-3