一个盒子的特点组成
外边距就是两个元素之前的距离
padding就是填充区的大小 从上开始 顺时针进行设置,没有则对称
也可以单独对某个方向进行设定,比如:padding-top
border 边框区 符合属性
border-style 边框样式
border-color 边框颜色
border-width 边框宽度
margin 外边距 元素和元素之间的距离
块级盒子(标签,元素)特点:独占一行,对宽度高度支持 举例:div h1~h6 p ul li
内联级盒子 特点: 不独占一行,对高度宽度不支持 举例: a span-->
上面发现我们发现hello是块级盒子的特点,demo是内联级盒子的特点
接下来我们看弹性盒子的点
改成弹性盒子
我们发现弹性盒子 特点:默认该元素无论放不放的下子元素们,子元素都横着布局 dispaly:flex
接下来我们看内联级块级盒子的特点
改成内联级块级盒子
我们发现内联级块级盒子不独占一行了,而且对高度宽度支持。