css盒子模型
块元素：独占一行（div，p，ul，li，h1~h6等）
支持全部的样式
如果没有设置宽度，默认跟父元素一样宽
内联元素：不独占一行（a，span，b，strong等）
支持部分样式（不支持宽，高，margin上下(外边距)，padding上下(内边距)）
宽高由内容决定
代码换行，盒子之间会有间距
子元素是内联元素，父元素可以用text-align属性设置子元素水平对齐方式，
用line-height属性值设置垂直对齐方式。
解决内联元素间隙的方法：
1.去掉内联元素间的换行
2.将内联元素的父级设置font-size：0，自己再设置font-size
相对定位：position:relative（参考原来自己的位置定位）
绝对定位：position:absolute（参考浏览器定位）
当父元素有定位属性时，position:absolute就相对于父元素定位
固定定位：position:fixed（可以看作相对于屏幕静止不动）