css注意点总结

1.块级元素只设置高不设置宽，默认宽继承父元素

2.行内元素，设置宽高不起作用。行内元素盒子的大小是由内容撑起来的。

3.想要给行内元素设置宽高（eg：a元素），必须先转成行内块元素。行内块元素在一行上显示，且能够设置宽高。

4.实现并排的行内块元素等距，不能设置固定的宽度，而是给每个行内块元素设置相同的左右padding值

5.文字水平居中text-aline：center；盒子水平居中margin：0 auto；

6.背景图片和插入图片，背景图片不占位置，插入图片可以看成一个盒子（行内块元素）。背景图片改变大小，位置用background-属性。插入图片改变大小位置和盒子一样使用width，heigth，margin，padding。

7.行内元素只有左右内外边距，没有上下内外边距。且行内元素设置宽高无效。

8.行内块元素，具有块级元素的特性，能够设置宽高，上下内外边距。

9.块级元素不设置宽时，默认宽是继承父级的。行内宽元素不设置宽时，宽为0（即不显示），如果行内块元素中有文字，那么宽度就是被文字撑开的大小。

10.浮动是让元素脱离正常流，相父容器的左边或右边移动知道碰到包含容器的边（padding）或者碰到其他的浮动元素。文本和行内元素环绕浮动元素。

11.浮动元素脱离正常流，意思是布局时后面元素当它不存在（文本还是当它存在，环绕其身边）但仍然在dom树上。