一周的第一天,本来都是应该,精神抖擞的,但是我却是无精打采啊,原因应该是昨天晚上没有睡好的缘故吧,但是我也以最好的精神状态去听韩老师讲课,今天韩老师主要讲了background以及浮动的用法
background的五个属性:
1.background-color:设置背景的颜色
2.background-image:设置背景图片
3.background-position:设置背景的定位
4.background-repeat:设置背景平铺
5.background-size:设置背景尺寸
background:background-color url repeat position/size;
background扥属性可以统一设置,中间以空格隔开,他们没有先后之分,但是一般都是把颜色图片放在前面设置。
float 浮动设置
float设计之初的作用是做文字环绕,随着逐渐的发展,发现用它来布局非常好,所以现在大都用来布局。
float的属性值有left、right none三种方式,
设置浮动的元素,会脱离文档流,往设置的方向进行浮动,直到遇到父级的边界或者其他的浮动元素才会停止。
通过设置它的高不会撑开父级,所以也会对布局产生影响,所以我们要清除浮动。
清除浮动的方法:1.对父级设个高;2.通过对设置浮动后面加一个同级元素,对它设置clear:both;3.也是最常用的方法,通过伪元素来设置清除浮动,例如对.wrap元素来清除浮动,不对后面的布局产生影响:.wrap{content:"";display:block;clear:both;}
通过今天的学习对背景以及浮动产生了新的了解,希望以后会有更新的认知。