CSS 왼쪽, 위쪽, 오른쪽, 아래쪽 기억

CSS를 사용할 때 테두리, 여백 및 패딩과 같은 결합 된 CSS 속성을 정의 할 때 왼쪽, 위쪽, 오른쪽, 아래쪽 순서를 기억하기 위해 수행 한 작은 트릭은 무엇입니까?

나는 영원히 잊어 버리고 Google은 W3Schools와 같은 쓰레기로 채워진 것 같습니다.

모두 위에서 시계 방향으로 이동 합니다.

CSS는 문제입니다. TRBL 상단-하단-왼쪽

나는 12시 (위)에서 시작하여 3시 (오른쪽), 6시 (아래), 마지막으로 9시 (왼쪽)로 시계 얼굴을 시각화하여 기억합니다.

다음 간단한 감기 비유 외에도, 나는 또 다른 니모닉을 제공 위쪽, 오른쪽, 아래, 왼쪽이 나오는 약자의 제공 TRBL을 , 발음 끔찍한 - 또는 문제가 당신이하는 경우 등이. ( 고음 조차도 바리톤으로 어려움을 겪습니다.) 그것은 건전한 웹 디자인의 4 가지 원칙 인 CRAP (Contrast, Repetition, Alignment, Proximity)와 잘 맞습니다.

연습

나는 이 작은 약간의 특별한 암기 방법 을 사용하는 것을 기억하지 못한다 . 나는 그들이 위에서부터 시계 방향으로 설정되었다는 것을 알고 있지만 많은 CSS를 작성했습니다.

작업을 반복적으로 수행하면 효율성을 위해 세부 사항을 암기하는 경향이 있으므로이 시점에서 다음과 같습니다.

1. 모두
2. 상하 좌우
3. 오른쪽 상단 및 왼쪽 하단
4. 오른쪽 위 왼쪽

두 번째 본성입니다. 처럼:

border: <width> <style> <color>;

과

background: <color> <image> <repeat> <attachment> <position>;