HTML+css 浮动与盒模型

表格属性：
text-align 控制左右
vertical 控制上下


交集复合选择器：
由两个选择器组成，其中第一个必须是标签选择器，第二个是类或者id选择器，两个选择器中间没有空格。


并集选择器：
简称集体声明并集选择器，由多个选择器通过逗号隔开，链接一起。


background属性
background-color 背景颜色
background-image 引入图片（默认填满边框）
background-repeat 设置引入图片
有两个属性默认填充满屏repeat，只填充一张no-repeat
background-position:图片位置
四个属性：top上，bottom下，left左，right右


盒模型属性：
width 宽度
height 高度


盒模型外边距与内边距属性：
（元素距离边框距离）
border内边距
margin：（上下左右）
margin：（上下） （左右）
margin：（上）（左右）（下）
margin：（上）（右）（下）（左）
margin填写值不同代表外边距距离不同
margin-top： 距上
margin-bottom：距下
margin-left：距左
margin-right：距右


border外边距
border：（上下左右）
border：（上下） （左右）
border：（上）（左右）（下）
border：（上）（右）（下）（左）
border 填写值不同代表外边距距离不同
border-top： 距上
border-bottom：距下
border-left：距左
border-right：距右




浮动float
特点
1，浮动只有两个属性向做浮动left，向右浮动right
2，浮动不占位置
3，浮动默认排列一行遇到边界自动换行
4，如果有文字绕着浮动元素走


清除浮动的方法：
1，overflow:hidden 隐藏
2，在后面设置一个空div 里面设置clear:both


相对定位
position：relative
元素以自己为参照物
绝对定位
position：absolute
元素以父元素为参照物 注意：父元素一定要设置定位
固定定位
position：fixed
元素参照物是游览器