今天完成的事情：

今天主要是利用bootstrap把页面的样式修整的规范一些，毕竟你的页面逻辑写得怎么样别人没办法一眼看出来，但是样式写的好不好看一眼就看出来了。话说离上一次做CSS任务真的过了好久了，现在再去写样式真的是手很生。不过我本来对table这一块儿就有些生疏，这次配合bootstrap框架对table表单的制作进行练习。

明天计划的事情：

样式写的差不多了，该继续进行js部分的内容了

遇到的问题：

 搜索区域的“发布时间”和“状态”字对不齐，开始直接想到用 但发现用了4个还是对不齐，毕竟是英文的占位符，找到项目代码发现用了word-spacing: 25px; 但是我用了却不生效，百度了一下说中文只能用letter-spacing，但我用了letter-spacing后更对不齐了，之后又搜索了一下发现letter-spacing控制的是字和字之间的距离，word-spacing控制的是字和字之间空格的宽度，所以想要word-spacing生效很简单，只要在状态两个字之间加空格就行了。除此之外，还可以使用中文占位符　效果也很好。

还有搜索区域的panel panle-default，col-md-4栅格布局，还有select下拉框的样式form-control，之前不觉得，现在做js任务的时候真是感觉bootstrap太有用了，写js代码写的焦头烂额的时候css部分能有bootstrap框架这么好用的东西帮忙真是雪中送炭。

收获：

总之做这一部分的时候发现自己CSS部分学的还是不到家，什么侧边框、表格，甚至于

.table-striped > tbody > tr:nth-child(odd) {

  background-color: #f9f9f9;

}

这样一个简单的斑马条文功能实现自己都写不出来，不过好在就算写不出来，看到别人写的也还能理解，总不至于看都看不懂。bootstrap还有很多好用的内容等待发掘，以后还要多多接触