CSS Learning notes the definition and use of parameters in the padding attribute _ experience Exchange

It is always confusing to define the number of parameters in the padding attribute in CSS, for example:
body {padding:32px;}
body {padding:32px 24px;}
Body {padding:32px 24px 18px;}
Body {padding:32px 24px 18px 12px;}

Today, Baidu looks at the standard CSS documentation, which is defined as:
If only one is provided, it will be used for all four edges;
If two are supplied, the first one is used up-down and the second one is for left-right;
If three are supplied, the first one is used on, the second one is for left-right, and the third one is used for the next;
If you provide all four parameter values, the upper-right-bottom-left order is used for four-sided.
body {padding:36px;} 36px of patch margins on all sides of the object
body {padding:36px 24px;}
Top and bottom patch margins of 36px, left and right side of the patch margin of 24px
Body {padding:36px 24px 18px;}
The patch margins on the upper and lower sides are 36px and 18px respectively, and the patch margins on the left and right sides are 24px
Body {padding:36px 24px 18px 12px;}
Top, right, bottom, left patch margins are 36px, 24px, 18px, 12px, respectively

Make a mark, the watch forget.

