HTML5盒子模型--2

1.基本的外边距

同padding的基础设置

2.版心居中 

让这个盒子在浏览器的正中间显示  

3.清除所有标签自带的内外边距样式

这是原有的标签样式

 清除之后  方便后期设计使用

4.元素溢出盒子

如果文字太多溢出了盒子  我们该如何设置样式  默认是会溢出盒子

但是我们可以用 overflow属性来设置

1.隐藏溢出文字 overflow:hidden;

2.溢出文字滚动显示 overflow:scroll;

3.溢出滚动overflow:auto;

这个也是溢出滚动  但是只有在溢出的时候显示滚动条

 5.盒子圆角效果

给盒子添加border-radius属性

当然也可以个每个角角设置不同属性 (同边距的多属性设置)

6.盒子阴影设置

box-shadow复合属性  按照顺序分别设置  x轴偏移量 y轴偏移量 模糊半径 扩散半径 颜色 内外阴影

xy轴偏移量必须书写   默认是外阴影  内阴影加上inset