今天完成的事情：

1、完成了task8-3剩下的样式，合作企业下面的两个框内的东西。用bootstrap分成3列和9列分开做，关于左边企业列表的垂直对齐我用了flex。右边土豆网也是垂直排列，垂直对齐。就是不熟练，做样式花了好久时间。

2、完成了task8-2的HTML和CSS，这个布局和样式就多了。也用bootstrap做，每行一个row，可以自己决定所占元素的列数，然后可以用text-align来对齐，比如最顶上的客服热线和三个第三方登录，我就让他们各占了6列，然后一个text-align left一个right就放两边了，不用flex。同理第二行的技能书图标也是。右边的导航整体也是text-align：right下，里面的li可以用flex来排列，记得要去掉li样式。还有就是鼠标放上去的样式，这个要调整下这个超链接a的高度，先设置下display block或inline-block，这样a才可以设置高度。还可以对鼠标样式做设置。

3、首页和方向做法类似，注意a标签的用法。这里可以添加#开头的href以便于到时候跳转到下面的各个开发方向去。

4、对于下面各个方向的表格。用444格局来分割，然后嵌套使用bootstrap做里面的内容。注意嵌套以及bootstrap的padding和margin的位置就好了。对于444格局的两列之间的距离要用到再加上一个div，产生一个15px的padding就好了，不要最外层的div设置margin，这样就不对了。

5、那个IOS的黑色透明层，用到了opacity，也是设置先看不见，然后鼠标已过去的话就显示。用到rgba的a来设置。然后就是绝对定位来覆盖上去。

明天计划的事情：开始task8-1首页制作

遇到的问题：命名有些乱了，需要整理下。

收获：bootstrap多列之间的间距设置，鼠标动作运用，flex布局。

成果链接http://119.10.57.69:880/jnshu3938/CSS/task8/task8-2/task8-2.html

代码链接https://github.com/xuoutput/HTML-CSS/blob/master/task8/task8-2/task8-2.html

成果链接http://119.10.57.69:880/jnshu3938/CSS/task8/task8-3/task8-3.html

代码链接https://github.com/xuoutput/HTML-CSS/blob/master/task8/task8-3/task8-3.html