11.20

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;

给谁设置这个属性 谁脱离文档流 就不受浏览器控制 就相当于把这个元素在浏览器空间移除了 剩下的空间后面的元素就会去填补上。