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



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






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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。