background的属性值及浮动布局

总结下今天学习的重点有

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;

background

2.浮动

float :left | right | none 

float最初被用来设置文字环绕

float属性对块级元素的影响：1.设置浮动之后，块级元素的宽度不再跟随父级宽度，而是内容决定（内容撑开宽度）

float 属性对行及元素的影响 ：1.设置浮动之后，可与设置行级元素的宽高和盒模型。

3.浮动的布局

两列布局（一段固定，一段随浏览器宽度自适应，且中间间距10px）

三列布局（两段固定，另一段随浏览器宽度自适应，且中间间距10px）

css

div