20151025

1、css3 -- calc

2px + 3px

20% - 2px

2px * 5px

100px / 2

100px * 2

记住符号两边应该有空格，比如100px*2是不对的，应该是100px * 2; 2px+3px也是不对的，应该是2px + 3px;

 

2、盒子模型：

box-sizing:content-box(默认的)

width+padding+border （border、padding往外走）

box-sizing:border-box

border、padding往里走

给布局增加border、padding不受影响。

getStyle()    obj.offsetWidth

 

3、display:inline， inline-block，block，box

box： 弹性盒子布局（弹性布局）

父元素：

display:-webkit-box

子元素：

-webkit-box-flex:1;

排列方式：加给父级

-webkit-box-orient:horizontal;

vertical  垂直方向

horizontal  水平方向

排列方向：

-webkit-box-direction:reverse;

垂直方向排列：

-webkit-box-align:center;

水平方向排列：

-webkit-box-pack:center;

注意：

1、弹性和浮动不能一起用

2、子级必须块元素

 

4、