什么是盒子模型,为什么要用盒子模型,影响盒子模型的大小因素有哪些?
我们把元素布局到页面,就像想买个桌子,放到家里,要知道桌子的大小,形状,然后才能放到家里,所以我们把所有的元素都想成盒子,矩形,只需要考虑大小即可
盒模型、盒子模型、框模型(box model)
内容区 冰箱
内边距 泡沫
边框 纸盒子
外边距 快递的位置
影响盒子大小的因素:内容区,内边距,边框会影响盒子的大小,外边距不会影响
1:内容区(content)
元素中所有的子元素和文本内容都在内容区中排列
默认情况:设置width,height都是内容区宽高
2:边框(border)元素设置边框
边框属于盒子边缘,边框里面属于盒子内部,出了边框都是盒子的外部
设置边框必须指定三个样式 边框大小、边框的样式、边框的颜色