1,今天完成的事情：task4的自适应做完了，对bootstrap中的轮播插件carousel有了一个初步的了解。

2，明天计划的事情：把task7的轮播图做出来。

3，遇到的问题：（1）.代码写的不规范，总是用1，2，3之类的标题，导致最后改动的时候一脸蒙蔽的样子，还的翻出结构看看是哪个单词。解决的办法就是，百度查一下这个标题的英文，例如：小标题：title。和图片img，文字就看看说的什么意思，自己在查一下英文单词，例如：老大很帅气，我们很爱他。就用loveboss

（2）以前盲目的只是想先把电脑页面写出来，不管用什么办法，导致后来改自适应的时候，需要重新改写，问了一下张琪师兄，他是用padding上右下左来撑开页面，不用line-height，当然前提是先设置一个div。

还有就是设置宽的百分比，别看是一个很简短的话，其实，这个需要自己看看是相对于什么设置的。我图片包裹在一个div中，div设置50%宽度，正好是图片的宽度，那么图片就设置100%。要是设置成浏览器的宽度的半分比的话，那么小图片就看不到了。

4，收获：

（1）看见自己以前写的任务代码感觉就是乱，于是就推翻重新写，虽然进度慢了，但是基础扎实比头一次写。

（2）轮播图的一下主要理解，其他的需要在花时间好好看看。

名称：carousel;

1,carousel-slide;表示轮播图的行为，slide是滑动效果，不设置的话。轮播图切换会有点生动。

2，carousel-inner;表示轮播图滚动的内容。

3，carousel-indicators;表示轮播下方的指示器，一半是小圆点，这个样式应该是可以改的，这不是主要的。这个主要是表达一下当前图片的显示位置。

4，carousel-control（left;right）;轮播内的左右边条，点击做边条就是想前切换，点击右边的就是向后切换，来快速浏览所点击的内容。data-slide="prev";表示向前切换，配合left使用。data-slide="next"当然是向后切换，配合right使用。

(3)表单中，有让输入密码的图示框中的提示那个字，不能用<input type="possword" value="请输入密码">这段代码中的value里面的字在浏览器中就是......（点点点）,这个要用<input type="password" placeholder="请输入密码">中的placeholder……

placeholder 属性提供可描述输入字段预期值的提示信息（hint）。

该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

重新写的任务4链接：http://119.10.57.69/ptt004/ppt299/task4/task.html