CSS BOX 回顾

当前位置 : 首页 > 网页制作 > CSS > CSS BOX 回顾

CSS BOX 回顾

来源: 作者: 时间:2016-01-25 10:02
盗用一张图 少花点时间 做个思维导图,盒子的计算:不管是添加border,还是padding,margin ,只要不是单一方向参数的(单一只加一边) CSS BOX 实际大小 = 双倍增加参数 43; 原来的大小比如


盗用一张图..少花点时间

\

做个思维导图,

n峨n惰撰ェ]妜&jCSS BOX 实际大小 = 双倍增加参数 + 原来的大小
比如: 长宽400px的盒子,添加20px的border,那实际占用的宽度是440X440,,
若是一个盒子包含border ,margin, padding , 那么实际大小 = 原来的图 + 双倍添加的border,双倍添加的padding,双倍添加的margin
比如:border,padding,margin各全局添加30px,原图是400px ,那么实际占用 = 400 + 60 + 60 +60 = 580X580

Tag:
网友评论

<