css的盒子模型(1)，微信公众号前端开发

 border-width：10px

 border-width可以用来指定四个方向的边框的宽度值得情况：（顺时针） 四个值：上 右 下 左 三个值：上 左右 下 两个值：上下 左右 一个值：上下左右

 border-xxx-width（用来单独指定某一边得宽度） xxx可以是top、rigth、left、buttom

• 3.内边距–padding

o 同样可以使用padding-xxx来分别指定各个方向得外边距 padding-left padding-rigth padding-top padding-buttompadding：值这里值得原理与边框一样

• 4.外边距–margin

o margin-top -上外边距，设置一个正值，元素会向上移动margin-rigth -默认情况下margin-rigth不会i产生任何效果margin-bottom -下外边距，设置一个正值，其下边得元素会向下移动（并不是自身移动）margin-left -左外边距，设置一个政治，元素会向右移动-margin也可以设置为赋值，此时会向反方向移动margin也具有简写属性，margin：值值的原理与padding一样

o 元素在页面中时按照自左向右得顺序排列得 所以默认情况下，设置左和上边距则会移动元素自身 而设置下和右边距会移动其他元素

o 盒子得垂直布局

 当设置了高度时，则固定

 当父元素没有设置高度时，由于子元素是在父元素得内容区排列得，如果子元素得高度大于父元素得高度，则父元素会被撑开（即溢出现象）解决该问题：整体调整使用overflow，可选值如下：