第七章

1、清除浮动的方法有哪几种？分别如何实现？
答：1.给父元素div定义高度height。
2. 结尾处加空div标签 clear:both。
3. 父级div定义 伪类:after 和 zoom。
4. 给div加上overflow：hidden-属性。

2、使用display:inline-block或float布局页面有什么区别？需要注意什么？
答：display是设置这一个元素的显示方式，但是这不同的显示方式会有不同的排列方式
而float是设置元素的排列方式，这就需要看相邻的元素使用的样式优先权限。

3、制作摄影社区热门小镇页面。

4、制作名人名言页面。
使用header，article，section，nav，footer等结构元素布局
使用float属性创建横向多列布局
使用无序列表制作导航菜单，并使盒子属性美化菜单，当鼠标移至导航菜单上时显示下划线
使用标题标签排版网页中的各级标签
页面的完整效果及页面中字体样式、颜色等参照素材

5、制作彩妆热卖产品列表页面。
页面背景颜色为浅黄色，彩妆热卖产品列表背景颜色为白色
标题放在段落标签中，标题背景颜色为桃红色，字体颜色为白色
使用无序列表制作彩妆热卖产品列表，两个产品列表之间使用虚线隔开
超链接字体颜色为灰色，无下划线，数字颜色为白色，数字背景为灰色圆圈
当鼠标移到超链接上时，超链接字体颜色为桃红色，无下划线，数字颜色为白色，数字背景为桃红色圆圈，并显示产品对应图片、价格和当前已购买人数。