总结下今天学习的重点有
1.background的几种属性
1.1 background-color 背景颜色设置
它的颜色单位: 英语单词 16进制 rgb() hsl() transparent
1.2 background-image:url()背景图片设置
url:统一资源定位符
1.3 background-repeat:repeat-x | repeat-y
no-repeat;背景平铺设置
1.4 background-position: x y ;背景定位设置
1.5 background-size: 背景尺寸设置
background-size可以简写:background-position/background-size;
2.浮动
float :left | right | none
float最初被用来设置文字环绕
float属性对块级元素的影响:1.设置浮动之后,块级元素的宽度不再跟随父级宽度,而是内容决定(内容撑开宽度)
float 属性对行及元素的影响 :1.设置浮动之后,可与设置行级元素的宽高和盒模型。
3.浮动的布局
两列布局(一段固定,一段随浏览器宽度自适应,且中间间距10px)
三列布局(两段固定,另一段随浏览器宽度自适应,且中间间距10px)