盒模型(box model):所有HTML元素都可以看做一个盒子
    CSS盒模型本质上也是一个盒子,封装周围的HTML元素包括:margin(外边距),border(边框),padding(内边距),content(内容)
    盒模型允许我们在其它元素和周围元素边框之间的空间放置元素
    如下图:
    image.png
    box-sizing 有哪些属性，区别是什么？
    box-sizing是css3 的新属性，用来调整盒模型的样式

    • box-sizing:border-box border-box表示基于IE的盒模型，width和height决定盒模型的content区，padding区和border区
    • box-sizing:content-box content-bpx基于标准盒模型，width和height只决定盒模型的content区
    • box-siziing:inherit表示继承父元素