css learn

float：

1、margin属性本身与float无关。写不写float都可以margin。

2、top,right,bottom,left和z-index都无法使用。

3、父元素浮动，子元素在其中仍然是文档流。

position:relative 自己原先的位置处于文档流中，然后其元素却通过设置top,right,bottom,left来定位。absolute 和fix也是如此。static会使子元素继承父元素的属性。

margin：如果设置了百分数，是相对于父元素的宽度而设的。

元素居中：

1)不管父元素是否浮动，子元素要设置在其居中需要设置width并且margin:0 auto，子元素不能设置浮动。

2)text-align是设置元素内的文字（上下）居中的。但只能设置块级元素，不能设置行内元素。（因行内元素不可控制宽和高，其大小就是文字的大小）

3)Vertial-align是设置行内元素相对于父元素的对齐位置，如一个p元素内包含一个img元素，想设置img元素是上面对齐还是下面对齐p内的文字。

巴特西