第七、八章作业

1.清除浮动的方法有哪几种？分别如何实现？
4种
1.浮动元素后面加空div
2.设置父元素的高度
3.父级添加overflow属性 overflow-hidden
4.父级添加伪类after content:’’; display:block; clear:both;

2.使用display：inline-block或float布局网页有什么区别？需要注意什么？
display:inline-block 有缝隙 float没有
注意使用场景

3.制作图所示的摄影社区热门小区页面，要求如下：
使用div和无序列表相结合的方法布局HTML文档
使用float属性创建横向多列布局排版网页元素

    
    
    



  
摄影社区热门小镇
  

    

      
      
风景狙击手

        成员：80

        作品：276
    
    

      
      
叙事感

        成员：235

        作品：116
    
    

      
      
定焦视界

      成员：56

      作品：456

    
    

      
      
中画幅乐园

        成员：130

        作品：239
    
    

      
      
《卡啪》先锋...

        成员：78

        作品：125
    
    

      
      
植物的无声世界

        成员：235

        作品：1258
    
  

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

彩妆热卖产品列表

大家都喜欢的彩妆

• 1Za姬芮新能真皙美白隔离霜 35g

  ￥62.00 最近69122人购买

• 2美宝莲精纯矿物奇妙新颜乳霜BB霜 30ml

  ￥89.00 最近13610人购买

• 3菲奥娜水漾CC霜40g

  ￥59.90 最近13403人购买

• 4DHC 蝶翠诗橄榄卸妆油 200ml

  ￥169.00 最近16757人购买

## 第八章
1、制作美食今日推荐页面

美食今日推荐

SHOP   今日推荐

• 汉来国际美食百货
  
  口味：创意中餐
  区域：朝阳/CBD

• 汉来国际美食百货
  
  口味：创意中餐
  区域：朝阳/CBD

• 汉来国际美食百货
  
  口味：创意中餐
  区域：朝阳/CBD

• 汉来国际美食百货
  
  口味：创意中餐
  区域：朝阳/CBD

2、制作京东轮播图页面

京东轮播图

• 1
• 2
• 3
• 4
• 5

3、制作简略版新东方顶部导航菜单页面

新东方顶部导航菜单

• 购物车
|
• 优惠券
|
• 快速注卡
|
• 各地购课
|
• 手机报
|
• 网站导航

• 托福
• 雅思
• 考研
• 职称英语
• 初中
• 日语

• 网络课堂
• 资讯中心
• 知识堂
• 大师讲坛
• 学习论坛
• 学词
• 考研搜校

• M-Zone
• 手机报
• 时时英语