3-2 编程练习
本节编程练习不计算学习进度,请电脑登录imooc.com操作

编程练习

小伙伴们,动手实现一个静态网页。

效果图:

 

任务

一、准备一个空白的HTML页面,同时完成css reset样式

  提示:
  1.reset样式可以参考别的大型网站的reset规则。
  2.要添加utf-8的meta标签

完成页面当中的展示列表HTML的结构代码

  提示:
  1.注意标签的语义化,无序列表需使用ul和li。
  2.标题部分要使用h3标签。
  3.每个li结构当中会有一个i标签用来展示icon。

为列表的容器添加class和样式,同时reset列表本身的容器

提示:
  1.注意要reset H3的默认样式。
  2.li和ul要去掉默认的样式。
  3.为ul的容器div增加class,并设置样式。

 

 

  1. <html>
  2. <head>
  3. <!--准备一个空白的HTML页面,同时完成css reset样式 -->
  4.  
  5.  
  6.  
  7.  
  8. <!--补充完整的样式-->
  9.  
  10.  
  11.  
  12.  
  13. </head>
  14. <body>
  15. <!--添加列表的结构-->
  16.  
  17.  
  18.  
  19.  
  20. </body>
  21. </html>
下一节