第五 box-shadow 圆角 浮动

box-shadow：0px  0px  50px  rgba（0  ，0  ，0  ，3）

黑色阴影

 

border-radius  用来设置圆角            50%圆形

border-top-left-radiu 左上角 ：x  y       

border-top-right-radiu 右上角

bottom  left right

 

float 通过浮动让子元素在父元素下左右浮动

left right

 

浮动作用就是让页面元素可以进行水平方面的布局

 

浮动元素特点：

1.浮动元素完全脱离文档流，不再占据原文档的位置

2.设置浮动以后元素会向父元素的左右移动

3.浮动元素默认不会从父元素中脱离

4.浮动元素向左向右移动，不会超过它前边的其他浮动元素

5.浮动元素不会超过他上边的浮动的兄弟元素，最多和他一样高