6.19学习心得 浮动 盒模型

Background-size只能单独用不能使用复合属性

符合属性写法：

1 用空格隔开

2 顺序可以互换

3 可以只取一个值，放在后面能覆盖前面的值。

浮动属性

Float：left； 元素靠左浮动

      Right   靠右浮动

      None   元素不浮动

当所有的元素都开始浮动且有多个时，一行排不满，左浮动是从左往右排列，第二行也是从左往右，右浮动是从右往左排列，第二行也是从右往左。

浮动无法挡住文字

（代码中只设置了红色浮动）

 

 

清浮动：

Clear： none left right both

另外三种方法

1 写固定高度

 

 

2当前浮动后补一个盒子不设置宽高

 

3 overflow：hidden 让浮动计算高度

 

盒模型

内边距padding    1个值，上下左右都一样， 两个值，上下一样，左右一样

三个值 （上  左右  下）， 四个值，（上  右  下  左）

Padding 也可以进行单独的设置 top bottom left right

外边距border 值的设定同上面的padding一样