今天完成的事情

完成任务八页面一

以上页面由于bootstrap不还好用，所以使用了百分比的样式来完成，当适应其他的页面的时候，使用媒体查询来完成

今天遇到的问题

问题：如上图，在平板端访问页面的时候，下方五个企业标志不能按照每行最多三个的要求来显示

解决：对比自己和别人的代码才发现是自己想的太复杂，

html

css

问题：当完成如下界面的时候，布局混乱

解决：开始是用两个盒子分别将上下两行包裹起来，后来才使用的5个包在一个盒子内，一共用四个盒子，从而来完成不同设备的访问适应

问题：在完成以下界面的时候，下方小圆点不知道用什么方式好

解决：开始想用ui>li标签来完成，最终效果不满意，后来查看别人日报，发现使用属性

          display：list-item来完成，也是比较好用的

今天的收获

1.以下是display所有属性值

2.通过完成任务八页面一，学到了很多新知识，bootstrap是一个封装好的库，我们可以直接调用从而达到某些想要的效果，任务八中目前用到了轮播图，导航栏，栅格布局，这些封装好的类直接调用，节约了很多时间。

3.ui标签的使用

这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。

语法：

<ul>
  <li>信息</li>
  <li>信息</li>
   ......
</ul>

4.ol标签

语法：

<ol>
   <li>信息</li>
   <li>信息</li>
   ......
</ol>

明天的计划

1.完成页面二，了解下图中阴影部分效果是如何达到的，是都为背景+hover+背景半透明

2.页面二和页面三头部和底部都和页面一 一样，明天争取同步完成页面三