CSS 연구 노트: 패딩 속성_경험 교환의 매개변수 정의 및 사용

저는 CSS의 Padding 속성에 있는 매개변수 수의 정의에 대해 항상 혼란스러워했습니다. 예를 들면 다음과 같습니다.
body { padding: 32px;}
body { padding: 32px 24px }
body { padding: 32px 24px 18px }
body { padding: 32px 24px 18px 12px; }

오늘 Baidu는 다음과 같이 규정하는 CSS 표준 문서를 보았습니다.
단 하나만 제공되면 4개의 측면에 모두 사용됩니다.
2개를 제공하는 경우 첫 번째는 상하용이고 두 번째는 왼쪽-오른쪽용입니다.
3개를 제공하는 경우 첫 번째는 상단용입니다. 두 번째는 왼쪽-오른쪽, 세 번째는 아래쪽
4개의 매개변수 값이 모두 제공되면 위쪽-오른쪽-아래-왼쪽 순서로 4개 측면에서 작동합니다.
body { padding: 36px;} // 객체 네 변의 패치 여백은 36px입니다.
body { padding: 36px 24px }
//상하의 패치 여백은 36px입니다. 36px이고 왼쪽과 오른쪽의 패치 여백은 36px입니다.
body { padding: 36px 24px 18px }
//상하의 패치 여백은 각각 36px과 18px입니다. 왼쪽과 오른쪽의 패치 여백은 24px입니다.
body { padding: 36px 24px 18px 12px }
//상단, 오른쪽, 하단 및 왼쪽 패치 여백은 각각 36px, 24px, 18px, 12px입니다. 🎜>
표시를 해두는데 깜빡했네요.