今天完成的事情：

看书，学习angualr知识点，

1.任务6-9中angular的页面是不需要全部重写的，只需要写一部份不相同的，在主页面里把不同的东西通过路由跳转和angualr塞进去，

<div ui-view="">
</div>

2.mark了下师兄给的面试题：

html5新元素：

<canvas><audio><video><source><embed> <track><datalist><keygen><output><article><aside><bdi><command><details><dialog>

<summary><figure><figcaption><footer><header><mark><meter><nav><progress><ruby><rt><rp><section><time> <wbr>

css选择器:

1. 标签选择器（如：body,div,p,ul,li）

2. .类选择器（如：class="head",class="head_logo"） 

3. ID选择器（如：id="name",id="name_txt"）

4. 全局选择器（如：*号）

5. .组合选择器（如：.head .head_logo,注意两选择器用空格键分开）

6. .继承选择器（如：div p,注意两选择器用空格键分开）

7. 伪类选择器（如：就是链接样式,a元素的伪类，4种不同的状态：link、visited、active、hover。）

8. 字符串匹配的属性选择符(^ $ *三种，分别对应开始、结尾、包含) 

垂直居中:

div中的内容垂直居中的五种方法 一、行高（line-height）法 如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如： p { height:30px; line-height:30px; width:100px; overflow:hidden; } 这段代码可以达到让文字在段落中垂直居中的效果。 二、内边距（padding）法 另一种方法和行高法很相似，它同样适合一行或几行文字垂直居中，原理就是利用padding将内容垂直居中，比如： p { padding:20px 0; } 这段代码的效果和line-height法差不多。 三、模拟表格法 将容器设置为display:table，然后将子元素也就是要垂直居中显示的元素设置为display:table-cell，然后加上vertical-align:middle来实现。 html结构如下： <div id="wrapper"> <div id="cell"> <p>测试垂直居中效果测试垂直居中效果</p> <p>测试垂直居中效果测试垂直居中效果</p> </div> </div> css代码： #wrapper {display:table;width:300px;height:300px;background:#000;margin:0 auto;color:red;} #cell{display:table-cell; vertical-align:middle;} 遗憾的是IE7及以下不支持。 四、CSS3的transform来实现 css代码如下： .center-vertical{ position: relative; top:50%; transform:translateY(-50%); }.center-horizontal{ position: relative; left:50%; transform:translateX(-50%); } 五：css3的box方法实现水平垂直居中 html代码： <div class="center"> <div class="text"> <p>我是多行文字</p> <p>我是多行文字</p> <p>我是多行文字</p> </div> </div> css代码： .center { width: 300px; height: 200px; padding: 10px; border: 1px solid #ccc; background:#000; color:#fff; margin: 20px auto; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: -moz-box; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center; display: -o-box; -o-box-orient: horizontal; -o-box-pack: center;

css3新元素：

Word-wrap，Word-wrap & Text-overflow 样式，选择器，文字渲染（Text-decoration）,CSS3 的多列布局（multi-column layout）,边框和颜色（color, border）CSS3 的渐变效果（Gradient）CSS3 的阴影（Shadow）和反射（Reflect）效果CSS3 的背景效果CSS3 的盒子模型CSS3 的 Transitions, Transforms 和 AnimationTransitionsTransformsAnimation

明天计划的事情：

看师兄给的面试题，写代码。
遇到的问题：今天又看书了，不看了，写代码吧
收获：师兄给的面试题没个一个礼拜搞不清楚。