0
点赞
收藏
分享

微信扫一扫

盒子模型的 内边框 padding border

知识点一:边框影响盒子实际大小

边框会额外增加盒子的实际大小,所以有两种解决方案,

第一:测量盒子大小的时候,不加边框;

第二:如果测量了边框,需要用width/height减去边框的大小,就是盒子实际的大小。

知识点二: 内边距的设定   padding-left

如果不设置内边距,那么是紧挨着边框的。

内边距是边框和内容之间的距离,

padding-left     -right     -bottom      -top

知识点三:padding的复合写法(简写)

盒子模型的  内边框    padding  border_内边距

知识点四:padding会影响盒子的实际大小,会撑开盒子。

计算width/height时,减去padding的大小,才能与原来保持一致。

知识点五:新浪导航栏设置

盒子模型的  内边框    padding  border_解决方案_02

新浪导航栏设置成品:

盒子模型的  内边框    padding  border_内边距_03

盒子模型的  内边框    padding  border_导航栏_04

举报

相关推荐

css盒子模型——边框 border

(二)盒子模型之边框border

0 条评论