今天完成的事情：

今天接着做了任务4的一些静态页面和js代码，任务4的页面真不少。。。

法官日记页面较为简单，左侧用到了一个新属性 writing-mode:vertical-rl;writing-mode这个属性我们很少用到，但它的功能却十分强大，拥有颠倒CSS纵横规则是能力。和float属性有些类似，writing-mode原本设计的是控制内联元素的显示的。然而，CSS的奇妙就在于，某些特性当初可能就是问了某些图文排版设计，但是，我们可以利用其带来的特性，发挥自己的创造力，实现其他很多意想不到的效果。

杀手杀人页面就较为复杂了，首先当然还是从localStorage中获取数据，然后和之前的页面类似，新建一些元素节点和文本节点，插入对应的节点。

明天计划的事情：

完成任务4，阅读《js DOM编程艺术》这本书的剩余部分，把原生JS的内容掌握

遇到的问题：

虽然已经开始学了JS，但发现CSS中都还有好多内容是自己还没掌握或者说没见过的，学海无涯，还需继续努力。

收获：

利用writing-mode实现垂直居中。

传统的web流中，margin设置auto值的时候，只有水平方向才会居中，因为默认width是100%自适应的，auto才有计算值可依，而垂直方向，height没有任何设置的时候高度绝不会自动和父级高度一致，因此，auto没有计算空间，于是无法实现垂直居中。但是，在writing-mode的世界里，纵横规则已经改变，元素的行为表现发生了翻天覆地的变化。

其中图片：

img { display: block; margin-top: auto; margin-bottom: auto; writing-mode: vertical-rl;}

auto无法实现IE浏览器下的图片垂直居中，如果我们非要让图片垂直居中，可以使用text-align:center

在CSS3的世界中，由于writing-mode的存在，对立流方向的margin值会发生重叠。换句话说，如果元素是默认的水平流，则垂直margin会重叠；如果元素是垂直流，则水平margin会重叠。

今天的技术分享是郑新胜讲的CSS实现SEO，其实就是迎合搜索引擎使排名靠前，需要我们在写HTML和CSS的时候注意一些细节问题，主要还是遵守W3C规范，注意对各种标签原始功能的使用，即使没有CSS，也让整体看起来层次结构分明。