发表于： 2019-05-30 20:14:45
1 902
css盒子模型
它包括：边距，边框，填充，和实际内容。
总元素的高度=高度+顶部填充+底部填充+上边框+下边框+上边距+下边距
width(包括 min-width, max-width)：宽
height(包括 min-height, max-height)：高
padding：内边距
border：边框
margin：外边距
盒模型的四边，方向分别为上、下、左、右，而 CSS 中表示就分别是 top、bottom、left、right
margin-top：top 方向单个值
margin-right：right 方向单个值
margin-bottom：bottom 方向单个值
margin-left：left 方向单个值
margin：总的，四个方向的值
内边距影响盒子的尺寸，会将盒子撑大
宽和高都会将增加 padding 设置的值。所以我们在做页面的时要注意，所以要保证盒子原来的大小，在宽度和高度上要做相应的减少。
返回列表
评论