border 边框 css属性
边框颜色* border-color：red/#888/rgb（） ——默认为黑色
边框样式* border-style ：solid（实线） dashed（虚线） ——默认为none
边框粗细* border-width：1px；
border的简写——border：border-width-border-style border-color
div 块/盒子
1.就是标签名*没有特殊的标签属性
2.主要用来排版布局
3.宽度是100% 谷歌浏览器默认有8px的外边距，清除这8px用——margin：0；
4.这种天生占用宽度为100%的标签我们把它叫块级元素
比如 div p h1-h6
特点：独占一行，可以设置宽高
5.大小宽高不是100%,是按照内容的多少来绝对大小的，这种标签叫内敛元素/行级元素
比如a span
特点：不独占一行，不可以设置宽高
块级元素div分析：
1.四个外边距（margin）
2.内边距（padding）
3.边框（border）
div真实宽度==width+margin-left+margin-right+border*2+padding-left+padding-right
文档流
元素从左向右（主要说行级元素）从上到下（主要说块级元素）的一种排列方法。它叫标准文档流。它是浏览器天生具有的一种功能。
原文：https://www.cnblogs.com/rsw18/p/11898631.html