盒子模型
进行布局时将所有元素表示为一个个盒子box
padding margin border content
content:盒子内容 待显示的文本和图像
padding:内边距,内容和border之间的空间,不能为负数,受bkc影响
border:边框,粗细 样式 颜色
margin: 外边距
参数计算 标准盒子模型
总宽度=内容widith + padding + border +margin
总高度=内容height + padding + borde + margin
渐变计算:直接定义到盒子的w和h
使用内减模式
box-sizing:border-box模式