HTML(呵特么乐)box模型(盒子模型-F12)

[影响元素大小]pandding:填充,效果为该元素自己里面的内容填充,产生效果是内部内容离自己的边界的移动
border:边框,效果为增加自己的边界,很丑
margin:外边距,别的元素块离我多远(要理解好这里的相对性质)
以上都有上右下左的效果且样式可单独设置
边界margin
边框border
填充padding
宽度width
高度height
元素在页面中的总宽度=margin-left+border-left+padding-left+width+padding-right+border-right+margin-right
同理,高度为上边界+上边框+上填充+高+下填充+下边框+下边界