1.清除浮動(dòng)的方法有哪幾種？分別如何實(shí)現(xiàn)？
1）浮動(dòng)元素后面加空div
2）設(shè)置父元素的高度
3）父級(jí)添加overflow屬性
4）父級(jí)添加偽類
2.使用display：inlink-block或float布局頁面有什么區(qū)別？需要注意什么？
1）display:inline-block
可以讓元素排在一行，并且支持寬度和高度，代碼實(shí)現(xiàn)起來方便
位置方向不可控制，會(huì)解析空格，IE 6、IE 7上不支持
2）float
可以讓元素排在一行并且支持寬度和高度，可以決定排列方向
float 浮動(dòng)以后元素脫離文檔流，會(huì)對(duì)周圍元素產(chǎn)生影響，必須在它的父級(jí)上添加清除浮動(dòng)的樣式
3.制作攝影社區(qū)熱門小鎮(zhèn)頁面（頁面效果及頁面中的圖片、字體顏色等參見提供的作業(yè)素材），要求如下。
使用<div和無序列表相結(jié)合的方法布局HTML文檔。
使用float屬性創(chuàng)建橫向多列排版網(wǎng)頁元素。



4.制作名人名言頁面（完整的頁面效果圖參見提供的作業(yè)素材）。要求如下。
使用headder、article、section、nav、footer等結(jié)構(gòu)元素布局。
使用float屬性創(chuàng)建橫向多列布局。
使用無序列表制作導(dǎo)航菜單，并使用盒子屬性美化菜單，當(dāng)鼠標(biāo)移至導(dǎo)航菜單上時(shí)顯示下劃線。
使用標(biāo)題標(biāo)簽排版網(wǎng)頁中的各級(jí)標(biāo)題。
頁面的完整效果及頁面中字體樣式。顏色等參見提供的作業(yè)素材。






5.制作彩妝熱賣產(chǎn)品列表頁面（頁面效果、背景圖片、分割線顏色樣式、背景顏色、字體顏色等頁面樣式參見提供的上機(jī)練習(xí)素材），要求如下。
頁面背景顏色為淺黃色，彩妝熱賣產(chǎn)品列表背景顏色為白色。
標(biāo)題放在段落標(biāo)簽中，標(biāo)題背景顏色為桃紅色，字體顏色為白色。
使用無序列表<ul制作彩妝熱賣產(chǎn)品列表，兩個(gè)產(chǎn)品列表之間使用虛線隔開。
超鏈接字體顏色為灰色，無下劃線，數(shù)字顏色為白色，數(shù)字背景為灰色背景。
當(dāng)鼠標(biāo)移至超鏈接上時(shí)，超鏈接字體顏色為桃紅色，無下劃線，數(shù)字顏色為白色，數(shù)字背景為桃紅色圓圈，并且顯示產(chǎn)品對(duì)應(yīng)的圖片、價(jià)格和當(dāng)前已購買人數(shù)。

總結(jié)

以上是生活随笔為你收集整理的HTML第七章作业的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。