小东西

1 div 变化成可以输入文字的效果

<div  class="write" contenteditable="true"></div>

contenteditable这是HTML5的新增属性，一般可以用来制作富文本编辑器。

2 margin：auto为什么只能实现水平居中，不能垂直居中？

当一个常规流中块级元素的margin属性左右值设为关键字auto，且它拥有固定宽度时，它便会平分剩余的水平空间，居中显示。然而如果设置上下值为auto，浏览器得到的计算值为0，并不起任何的效果。那么问题来了，为什么垂直方向的auto不生效？

这与布局相关。网页排版时，常规流的块级元素水平方向总是铺满浏览器窗口，垂直方向各块级元素按照先后顺序从上往下排列，当页面内容过多时网页会出现纵向滚动条，因此原理上纵向是可以无限扩展的，计算时找不到一个固定的参考值，所以纵向的auto无法生效。

3 CSS规则根据优先级生效，低优先级的规则会被浏览器忽略还是覆盖？

浏览器中CSS优先级的使用规则：多个优先级的样式都会被渲染，只不过高优先级会覆盖住低优先级，元素呈现为高优先级的样式。
现在请考虑这样一个问题，在一个div应用了两条background-image规则，照之前的理论来看，两条规则都会渲染，那么请问浏览器会请求被覆盖规则的背景图片吗？

真实情况是浏览器会聪明到只请求当前应用的背景图片。简单理解的话，浏览器只会为生效的CSS规则中的图片资源发出http请求。如果深究的话，就必须谈谈浏览器的工作原理了。

4 关于页面重绘和回流
click me

5 文字两端对齐

.test{  //保持文字两端对齐
        text-align:justify;
            text-justify:distribute-all-lines;/*ie6-8*/
            text-align-last:justify;/* ie9*/
            -moz-text-align-last:justify;/*ff*/
            -webkit-text-align-last:justify;/*chrome 20+*/
          width:70px;
           }

效果图

click me to see more

6 关于最后一个元素没有下划线

.ulName li:not(:last-child){border-bottom:1px solis #eee}

不要使用以前那种全写然后最后一个在设置为none