background以及float

一周的第一天，本来都是应该，精神抖擞的，但是我却是无精打采啊，原因应该是昨天晚上没有睡好的缘故吧，但是我也以最好的精神状态去听韩老师讲课，今天韩老师主要讲了background以及浮动的用法

background的五个属性：

1.background-color：设置背景的颜色

2.background-image：设置背景图片

3.background-position:设置背景的定位

4.background-repeat：设置背景平铺

5.background-size:设置背景尺寸

background扥属性可以统一设置，中间以空格隔开，他们没有先后之分，但是一般都是把颜色图片放在前面设置。

float 浮动设置

float设计之初的作用是做文字环绕，随着逐渐的发展，发现用它来布局非常好，所以现在大都用来布局。

float的属性值有left、right none三种方式，

设置浮动的元素，会脱离文档流，往设置的方向进行浮动，直到遇到父级的边界或者其他的浮动元素才会停止。

通过设置它的高不会撑开父级，所以也会对布局产生影响，所以我们要清除浮动。

清除浮动的方法：1.对父级设个高；2.通过对设置浮动后面加一个同级元素，对它设置clear：both；3.也是最常用的方法，通过伪元素来设置清除浮动，例如对.wrap元素来清除浮动，不对后面的布局产生影响：.wrap{content:"";display:block;clear:both;}

通过今天的学习对背景以及浮动产生了新的了解，希望以后会有更新的认知。