1直弄不搞清楚padding特性的值的设定
今儿算是弄搞清楚了
比如:
body { padding: 36px;}
body { padding: 36px 24px; }
body { padding: 36px 24px 18px; }
body { padding: 36px 24px 18px 12px; }
查询了CSS的规范文本文档,在其中是这样要求的:
假如只出示1个,将用于所有的4条边;
假如出示两个,第1个用于上-下,第2个用于左-右;
假如出示3个,第1个用于上,第2个用于左-右,第3个用于下;
假如出示所有4个主要参数值,将按上-右-下-左的次序功效于4边。
body { padding: 36px;} //目标4边的补钉边距均为36px
body { padding: 36px 24px; } //左右两侧的补钉边距为36px,上下两侧的补钉边距为24px
body { padding: 36px 24px 18px; } //上、下两侧的补钉边距各自为36px、18px,上下两侧的补钉边距为24px
body { padding: 36px 24px 18px 12px; } //上、右、下、左补钉边距各自为36px、24px、18px、12px