今天完成的事情：

今天写了任务六的任务总结，然后写了任务七一个页面，了解了相对定位的应用方法，对相对定位的理解有问题，后来有自己去看了资料，然后今天学会了写三角形。

明天计划的事情

明天继续写任务七，争取明后天完成，然后准备小课堂，还有几天就要第一次将小课堂了，所以这几天有空的话都会准备小课堂。然后就是看w3c还有复习之前学过的知识点。。。

遇到的问题：

今天写三角形的时候一直没有思路不知道怎么写，所以后来就去查资料，然后写出来了一个三角形，

width: 0;

height: 0;

border-width: 15px 0 20px 15px;

border-style: solid;

border-color: transparent transparent transparent #FF9800;

position: relative;

display: inline-block;

left: 44%;

top: 10px;

明天会了解代码的原理。

然后就是链接的宽和高

                                                                                          width：100%

                                                                                          height：100%

                                                                                          display:inline-block;

收获

今天学会了写三角形，然后学会控制链接的宽和高例如：width：100%

                                                                                          height：100%

                                                                                            display:inline-block;

取消链接的下划线

text-decoration: none;

禅道：

css-task7

任务开始：6.22

预计任务结束：6.24

禅道主页：http://task.jnshu.com/zentao/project-task-751-all.html

任务六任务总结

 任务耗时3天，超出预期1天。

收获：

遇到的问题：下拉菜单没有覆盖css箭头

解决办法： 设置 z-index

按钮重叠：

设置右边按钮左外边距为负值，通过改变按钮 z-index改变上下位置。

使用了bootstrap来做了一个按钮，bootstrap可以来用做很多东西，但是基本上没怎么用到。

使用了flex来布局，比较方便。

postion：fixed是绝对定位，相对于视窗来定位的，可以用来做一些头部底部或者联系方式的组件。

text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;

如果文字太长了可以设置隐藏。第一行是用来修剪文本，加上宽度之后，超过宽度部分就会用...代替，第二行是不换行的意思，第三行是超过部分隐藏的意思。

文字设置的比较小所以没有用到这个，然后自己看了一下。