首页 > 其他 > 详细

11.20

时间:2019-11-20 16:50:37      阅读:69      评论:0      收藏:0      [点我收藏+]

Border 边框 css属性

边框颜色 border-colorred/#ffff/rgb() 默认为黑色

边框样式 border-style  solid 实线 dashed 虚线 默认为none

边框粗细 border-width  默认是3px

Border 的简写 borderborder-width border-style border-color

Div 块 盒子

1就是标签名 没有特殊的标签属性

2主要用来排版布局

3宽度是100%chrome浏览器默认又8px的外边距  清楚这8px用     

                                                  margin0

 

 

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;

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

11.20

原文:https://www.cnblogs.com/lichenfei/p/11898554.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!