今日完成：任务8的首页已完成

今日收获：1  优先级问题，要养成一种意识，当页面上有多个定位时，要考虑各个定位之间的优先级问题，

                      比如：在页面上无论是相对或是绝对定位，它的优先级都不可以大于header和footer的定位。

                     不然就会造成如下问题，导致视觉上的冲突。

                  2  bootstrap的网格是没有设置高度的，所以如果就是单纯的把栅格写上，那么页面就会出现以下状况：

                       元素从左至右，从上至下流入。

       3  简单的了解了媒体查询的用途及方法

媒体查询包含一个可选的媒体类型和媒体特性表达式(0或多个)最终会被解析为true或false。如果媒体查询中指定的媒体类型匹配展示文档所使用的设备类型，并且所有的表达式的值都是true，那么该媒体查询的结果为true。

<!-- link元素中的CSS媒体查询 --><link rel="stylesheet" media="(max-width: 800px)" href="example.css" /><!-- 样式表中的CSS媒体查询 -->
<style>
@media (max-width: 600px) {
  .facet_sidebar {
    display: none;
  }
}
</style>

当媒体查询为true时，其对应的样式表或样式规则就会遵循正常的级联规则进行应用。即使媒体查询返回false，<link> 标签指向的样式表也将会被下载(但是它们不会被应用)

除非使用not或only操作符，否则媒体类型是可选的，默认值是all(全部).

 今日疑惑：1 未能找到一个好方法来处理li中圆点与内容之间的距离

明日计划：将媒体查询的css布置完成