【今天完成的事】

1.学习了boostrap栅栏布局和一些基本样式

2.完成了任务8第一个页面的大体布局和样式，还有一点细节没改好

3.学习了怎么使用轮播图

4.没有了

【收获】

1.:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。

  n 可以是数字、关键词或公式。Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）。使用公式 (an + b)。描述：表示周期的长度，n 是计数器（从 0 开始），b 是偏移值。

2.css阴影效果实现方法

 .div{

  border:#909090 1px solid;background:#fff;color:#333;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/

-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/

-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/

box-shadow:2px 2px 10px #909090;/*opera或ie9*/

}

3.Boostrap轮播图的使用

4.点击后出现下线条由div:hover{border-bottom}实现

一开始下线条与容器之间有一点距离，可我并没有设置margin-bottom啊，百思不得其解，后来发现是ul有默认的margin值，但是之前有设置过*{margin:0;padding:0;}，难道是对ul不起作用？

5.栅格布局

.col-xs- 超小屏幕 手机 (<768px)

.col-sm- 小屏幕 平板 (≥768px)

.col-md- 中等屏幕 桌面显示器 (≥992px)

.col-lg- 大屏幕 大桌面显示器 (≥1200px)

通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。

6.别的边框样式

border-style:dotted solid double dashed;

上边框是点状

右边框是实线

下边框是双线

左边框是虚线

【遇到的困难】

今天还剩下的两个问题：

1.

这边li的前面的点不知道为啥莫名其妙地消失了，并没有设置li{list-style-type:none}啊

2.

这部分图片溢出问题和没有居中的问题（设的是col-lg-2 col-md-3 col-sm-12）

【明天计划的事情】

1.完善好第一个页面2.写第二个页面并学习相关知识

因为好多事情要忙，所以好像已经一个星期没有写日报（求原谅QAQ），今天刚上手感觉好多都生疏了，果然还是得天天练手