盒模型

{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .box{
            width: 150px;
            height: 100px;

五大属性

`width`：(宽)
`height`：(高)
`padding`:内边距
`border`:外框
`margin`:外边距

border可见属性

可设置：`width`,`style`,`color`

样式重置/初始化
`

   * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

`
padding,margin（不可见属性）

仅设置：`width`
大多数内置元素都有默认：`padding/margin`
建议全部重置为0，以方便自定义布局

width,heiht

默认不包含：`padding`,`border`

box-sizing

`box-sizing`:设置和模型计算边界
`content-box`:默认值，仅包括内容区
`border-box`:推荐值，宽高扩展到可视化边框

以上时和模型的常用写法

【文章原创作者：欧洲服务器 http://www.558idc.com/helan.html 复制请保留原URL】