引入scc
内间距 | ||
内填充 | ||
元素边框和元素内容之间的距离 | ||
是内容与盒子边框的距离 | ||
注意:设置padding会增大盒模型,也就是会使盒子宽高变大 | ||
px | ||
百分比(参照父元素来说) | ||
不能设置负值 | ||
重要:要求掌握 | ||
CSS 盒模型本质上是一个盒子,封装周围的 HTML 元素,它包括:外间距、边框、内填充、和实际内容。(即装东西的容器) | ||
1.content | ||
内容:宽高 | ||
宽度:width | ||
单位: | ||
px em 百分比(按父元素计算) rem | ||
max-width:最大宽度 | ||
min-width:最小宽度 | ||
高度:height | ||
单位: | ||
px em 百分比(按父元素计算) rem | ||
max-height:最大高度 | ||
min-height:最小高度 |