HTML第七章作业
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é)
- 上一篇: 干货 :送你一份使用k近邻算法实现回归的
- 下一篇: 2017年html5行业报告,云适配发布