今天完成的事情：

1、完成task5-2，task6切图完成。

http://119.10.57.69/ptt06/task5-2.html

2、看了用border做三角形，理解为 宽高为0px等于是1个点，默认4个方向，设实线撑开。

明天计划的事情：

1、先完成task6静态页面，看看雪碧图的制作教程，然后尝试看看，能做出来就做出来。

遇到的问题：

1、最近写静态基本没什么太大问题，就是有时候标签用着还得照着规范去写。

2、写代码的过程中，慢慢调整效果的时候遇到很多问题，在收获那写出来。

3、写task5-2的时候好像那个select选择框的默认的小三角标样式不能调，而且不能把选项的文本内容居中到选择框中间，百度了一下用CSS解决的方法，用图片可以覆盖自带的小三角样式，但是选项框内的文本格式不能调整，百度的答案说用JQ和JS解决，暂时没接触到，先留个坑。。

收获：

1、这几天一直在跟百分比的数值较劲。。关于属性赋值用百分比，用em或者rem表示的时候，不管是内边距，还是字体，都不会随屏幕大小自适应，用百分比可以解决这个问题，但是用百分比要计算好比例，特别是边距用百分比的时候，最好给父级div设个高度，不然后面非常乱（个人感受）。

1.1、子div的高度是从父div的高度继承（例父div高度50%，子div高度50%，子div的50%高度是在父div50%里面取。如果父div没有设，再往上一级取）；

1.2、再一个就是设百分值的时候，基数是按像素宽度计算，（以父div的width值为基数，所以一般不要给width设，直接按最高的父级width算）。例：在最高级父div设置宽度100%，max-width 720px，后面设置的百分比值都是用720*百分比数（个人亲测，个人建议先给个固定max-width值，后面的值比较好算，不然你就根据你的浏览器像素来计算。。），不过套的百分比多了很容易乱，需要慢慢调。

1.3、想让字体自适应，可以加上媒介声明，不过需要给不同大小的屏幕设置，比较麻烦，再一个就是用百分比给值。

2、关于div里的内容给格式排版，因为task4和task5都用了span这个标签，然后调格式的时候遇到很多问题。在父div的样式里给了垂直居中和文本居中，内容包含文字和图片，发现没有效果；然后在某个div里，用的是p标签就能起作用。这让我想明白了span标签是有其特殊性的，如果用了span标签来添加内容，要想调整样式需要单独设置样式加在span里。（这条对不对我不保证，纯属个人感悟。）

3、再一个就是设置样式的规则，算是一位师兄CSS-L1-T1-319的经验，在父div的样式里设置宽高背景之类的，如果边距统一也可以放在这里；然后里面的内容再另外加样式。（个人比较赞同，哈哈~）