码迷,mamicode.com
首页 > 其他好文 > 详细

盒模型

时间:2020-11-26 14:08:53      阅读:5      评论:0      收藏:0      [点我收藏+]

标签:空格   最大   round   左右   内容   idt   不能   add   合并   

盒子的六个属性:1·width属性 2.height属性 3.内边距(padding)4.边距(border)5.外边距(margin)6.背景属性(background)
垂直居中的条件:单行文字垂直居中,行高等于高度值
当行高小于高度,文字偏上;当行高大于高度,文字偏下。
盒模型的宽度=左外边距+左边距+左边内距+内容宽度+右边内距+右边框+右边外距
盒模型的高度=上外边距+上边框+上内边距+内容高度+下内边距+下边框+下外边框
对于padding/border/margin只取一个值时表示四个方向都是同一个值
如果取两个值时,两个值之间要有空格,第一个值表示上下,第二值表示左右
如果取三个值时,三个值之间要有空格,第一个值表示上,第二个值表示左右,第三个值表示下
如果取四个值时,四个值之间要右空格,顺序是(上、右、下、左)
(padding)内边距它不能是负值 (margin)外边距它可以是负值
两个盒子在垂直方向上叠加时,他们的外边距相遇时取两个最大的那个值。
负盒子包含子盒子,并且负盒子没有上边框和上内边距。
子盒子是紧贴负盒子的顶部,并且他们上外边距重合并且取较大的值。
能用padding的时候用padding代替margin。

盒模型

标签:空格   最大   round   左右   内容   idt   不能   add   合并   

原文地址:https://www.cnblogs.com/lwy52cyy/p/14018870.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!