盒模型

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

五大屬性

`width`：(寬)
`height`：(高)
`padding`:內(nèi)邊距
`border`:外框
`margin`:外邊距

border可見(jiàn)屬性

可設(shè)置：`width`,`style`,`color`

樣式重置/初始化
`

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

`
padding,margin（不可見(jiàn)屬性）

僅設(shè)置：`width`
大多數(shù)內(nèi)置元素都有默認(rèn)：`padding/margin`
建議全部重置為0，以方便自定義布局

width,heiht

默認(rèn)不包含：`padding`,`border`

box-sizing

`box-sizing`:設(shè)置和模型計(jì)算邊界
`content-box`:默認(rèn)值，僅包括內(nèi)容區(qū)
`border-box`:推薦值，寬高擴(kuò)展到可視化邊框

以上時(shí)和模型的常用寫(xiě)法

批改老師：PHPz

批改狀態(tài)：合格

老師批語(yǔ)：下次提交作業(yè)需要在“我的課程作業(yè)”中進(jìn)行提交