【今天完成的事情】

任务二，任务八，任务九

About task2

鉴于任务八九图片众多&多次直接网页上传失败，试了Github Desktop（下载安装需科学上网）。

个人体会比git命令行好用多了。图形界面，想传哪个分支点哪个，本地文件修改后会自动提示更新同步..

做了任务2的任务展示页，提交任务2

About task8&9

任务9是任务8基础上的延伸，故直接一并做了。

公共部分：

联系电话小广告栏--PC端页面顶部固定，Mobile隐藏

网站导航--PC端每个页面有默认的active样式（且不影响hover），Mobile使用collapse

页脚——栅格，PC与Mobile略有区别

职业页面：

页内导航——同样有不影响hover的默认active，页面内跳转链接

职业列表——栅格布局，当width足够小时，每栏容纳jobcard数目下降

jobcard——栅格布局，hover遮罩要比jobcard略大，惭愧 这次inline-block/float都跑到hover mask上层去了，又用了z-index

推荐页面：

banner——图片100%铺满

左右表格——栅格布局。原本想用左浮动右自适应经典布局，但mobile左栏100%宽时没法去掉浮动属性，右栏只能margin-top固定值，考虑这里左栏高度不变其实也可以用。

首页：

carousel banner——标题不要太偏下

feature——还是栅格，图标底部对齐

优秀学员展示——还是栅格

学习步骤——inline-block,PC 4X2，mobile 1X8（不想偷懒用栅格了

战略合作企业——inline-block

友情链接——float left

【明天计划的事情】

任务8 , 9遗留问题

任务10，SASS

争取月末前搞定本课程

【遇到的问题】

无

【收获】

1.不同H block float:left,会导致第二行第一个元素错位，这种情况inline-block优先

2.inline-block改变HTML写法可消除间隙，vertical-align专治各种Y不对齐

3.图片在变动容器中不溢出且X铺满，设置width=100%

4.box-shadow不偏移会四面shadow

5.ul,li,list-style-position, list-style-type, 修饰符和文字可异色

6.熟悉bootstrap; containerXpadding & row Xmargin各种配合,container，container-fluid都是响应布局，carousel caption默认上下padding默认底部…mobile导航顶栏样式改navbar-header，下拉样式改navbar-collapse

7.get hover&默认active配合写法，CSS样式优先级，熟练栅格/左Y居中右自适应/inline-block