第七、八章作业

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
  • 手机报
  • 时时英语

你可能感兴趣的:(作业)