Border 边框 css属性
边框颜色 border-color:red/#ffff/rgb() 默认为黑色
边框样式 border-style solid 实线 dashed 虚线 默认为none
边框粗细 border-width 默认是3px
Border 的简写 border:border-width border-style border-color;
Div 块 盒子
1就是标签名 没有特殊的标签属性
2主要用来排版布局
3宽度是100%, chrome浏览器默认又8px的外边距 清楚这8px用
margin:0
4这种天生占用宽度为100%的标签我们把它叫块级元素
比如 div p h1-h6 ul ol li等等
特点:独占一行
5大小宽高不是100% 是按照内容的多少决定大小的这种标签叫内敛元素(行级元素)
比如a span
特点:不独占一行 不可以设置宽高。
块级元素div分析:
1外边距 margin
2内边距 padding
3边框 border
Div的真实宽度=width + margin-lef t+ margin-right + border*2 + padding-left + padding-right
文档流
元素(标签) 从上到下(主要说块级元素)从左到右(主要说行级元素)的一种排练方式
我们把它叫标准文档流。他是浏览器天生具有的一种功能。
在实际开发中 我们在遵循文档流原则的情况下 还得脱离文档流的约束 让元素不受文档流的控制。
1脱离文档流的方法:
给元素设置浮动float:left/right;
给谁设置这个属性 谁脱离文档流 就不受浏览器控制 就相当于把这个元素在浏览器空间移除了 剩下的空间后面的元素就会去填补上。
原文:https://www.cnblogs.com/lichenfei/p/11898554.html