今天完成的事情： 

感觉任务做的太快，缓一下，回头复习了一下html相关知识，明天复习下css知识。没太记清和需要巩固的知识都做了笔记。

明天计划的事情：

复习css 

遇到的问题：

 
收获：

不能只追求做任务的速度，基础也需要扎实

任务总结：

任务名称：css8-9

成果链接：https://syxycjx.github.io/task/task8/html/task8-12.html

任务耗时：9.12日-9.20日，8天

官网脑图：

个人脑图：

任务总结：

任务八、九我是一起做的，使用的是任务要求的bootstrap框架，任务耗时八天，中间请假回家花了两天时间。

Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。在任务中切实体验到了Bootstrap对响应式的支持，结合自己做的一些响应式方面的调整，可以很简单的构建一个页面（结构相较简单）。

bootstrap特点：

1.跨设备，跨浏览器 ：可以兼容所有现代浏览器，包括比较诟病的IE7、8。

2.响应布局 不但支持PC端的各种分辨率，还支持移动端pad,手机登屏幕的响应式切换显示。

3.提供的全面的组件： bootstrap提供了实用性很强的组件，包括：导航，标签，工具条，按钮等供开发者使用 。

4.内置jquery插件（任务时没用到）： Bootstrap提供了很多实用性的JQuery插件，这些插件方便开发者实现WEB中各种常规特效。所以Bootstrap依赖于JQuery 。

5.支持html5 css3 HTML5语义化标签和CSS3属性，都可以很好的支持。

6.支持less动态样式 （任务时没用到）

bootstrap布局主要使用栅栏布局，利用每行中不同宽度列可以很轻松的完成页面的大体样式。列的宽度在不同分辨率中都有相应的宽度，用与之对应的类名即可调用（col-lg-x,col-md-x,col-sm-x等）。在一些部位还能使用bootsrap的组件，极大提高了开发的效率，例如banner组件，nav组件，按钮组件等。

在职业列表页面中还用到了table，其中比较重要的知识就是合并单元格{纵、横向}、表格嵌套。对于需要设置行中列的不同宽度时，比较好的一个方法是使用表格嵌套（需要在合并的单元格中进行嵌套），嵌套后其边框还会与外部边框重合，需要进行边框重合部位的处理（border-style:hidden）。还有一个方法是看到别人的想法，把格子分成很多格，例如每行20格，所有的内容都用合并单元格来做，根据内容的宽度来选择合并单元格的多少（感觉不太实用，但是也是一个思路）。

在大致页面样式做完之后，需要自己根据设计图来进行细节上的修饰，完善页面的不用分辨率下的响应式布局是重点。媒体查询结合bootstrap列相应的宽度（例如992px,768px等）来调整最简便。