前端——盒子模型

一个盒子的特点组成

外边距就是两个元素之前的距离

padding就是填充区的大小 从上开始 顺时针进行设置，没有则对称

也可以单独对某个方向进行设定，比如：padding-top

border 边框区 符合属性

border-style 边框样式

border-color 边框颜色

border-width 边框宽度

margin 外边距 元素和元素之间的距离

块级盒子（标签，元素）特点：独占一行，对宽度高度支持 举例：div h1~h6 p ul li

内联级盒子 特点： 不独占一行，对高度宽度不支持 举例： a  span-->

上面发现我们发现hello是块级盒子的特点，demo是内联级盒子的特点

接下来我们看弹性盒子的点

改成弹性盒子

我们发现弹性盒子 特点：默认该元素无论放不放的下子元素们，子元素都横着布局 dispaly:flex

接下来我们看内联级块级盒子的特点

改成内联级块级盒子

我们发现内联级块级盒子不独占一行了，而且对高度宽度支持。