CSS学习

背景

背景跟之前的很多东西一样，都有不同的属性，比如宽度、高度、颜色，还有透明度rgba；然后背景图片也有各种属性

属性	描述	说明
background-color	背景颜色	red rgb（0，0，0） #000000
background-image	背景图片	url（路径）
background-position	平铺	no-repeat repeat repeat-x（x轴平铺） repeat-y（y轴平铺）
background-position	位置	水平   垂直；（可给负值） left  center  right top  center  bottom
background-attachment	固定	scroll（滚动） fixed（固定，固定在浏览器窗口，固定后就相对于浏览器窗口了）
background-size	大小	300px  300px 100%  100% cover（覆盖） contain（原尺寸放大，但会留白）

浮动属性

属性	描述	说明
float	left	靠左浮动
float	right	靠右浮动
float	none	不浮动

浮动就是把该部分内容向外漂浮一小段距离，如果有两个东西的话，就像叠在一起，如果同时浮动的话，就会整齐排列起来，left就靠左往右排，right就靠右往左排，空间不够就会换行（见缝插针）

清浮动

属性	描述	说明
clear	none	允许有浮动对象
clear	right	不允许右边有浮动对象
clear	left	不允许左边有浮动对象
clear	both	不允许有浮动对象

 清浮动只是改变元素排列方式，但是那个元素还是浮动着，不占据底层位置