框模型/盒子模型简介

CSS框模型&＃xff08;盒子模型&＃xff09;

什么是CSS框模型&＃xff1f;

css框模型仅仅是一个形象的比喻&＃xff0c;html中所有标签都是框模型&＃xff0c;可以通过display:inline-block;准换为行内块级模型。

结论

1.在HTML中所有的标签都可以设置&＃xff1a;

height/width 高/宽 最里边可以存放内容的区域

padding 内边距 边框和内容之间的填充区域&＃xff08;可以有背景颜色&＃xff09;&＃xff0c;类似于手机盒里的填充物那部分。

boder 边框 边框宽度的区域&＃xff0c;就相当于手机盒子

margin 外边距 相当于手机盒子与手机盒子之间的区域