css样式学习4

布局

margin borderpadding都会影响页面布局，content不变，

实际宽度为:在content的基础上加上magin，border或padding

变态盒模型  border-box  添加padding或者border不会影响

页面布局，只会挤压页面内容content

盒子阴影

1：x方向的偏移  2：Y方向偏移  3：阴影模糊程度  4：阴影模糊半径  5:阴影颜色*/例：box-shadow: 20px 20px 0px 5px red

Float浮动的消除

清除浮动元素带来的影响，在子容器中使用：

clear: both

如果子容器中没有使用clear来清除的话就需要在父容器中使用伪类来清除：

.clearfix:after{    content:"";    display:table;    clear:both;

}