width/ height

블럭이나 인라인블럭 요소로 넓이와 높이의 값을 정할 수 있다

p { 
  width: 100px;
  height: 100px; 
}

margin

박스 모델 외부의 위, 오른쪽, 아래, 왼쪽으로 여백을 줄 수 있다.

• margin-top 👉 박스 바깥 위쪽으로 여백
• margin-right 👉 박스 바깥 오른쪽으로 여백
• margin-bottom 👉 박스 바깥 아래쪽으로 여백
• margin-left 👉 박스 바깥 왼쪽으로 여백

아래 4개의 css는 margin 값이 모두 같다.

• margin 👉50px -> 모든 값이 같다면 하나로 줄여쓸 수 있다.
• margin 👉50px 50px: -> 상하(둘의 마진값은 동일) / 좌우의 값(둘의 마진값은 동일) 상하와 좌우의 값이 다르면 2개로 표시 가능하다.