박스 모델(padding, margin) | HTML&CSS 시리즈 018
위 사진을 보면 padding 이 뭔지, margin 이 뭔지 한눈에 이해 할 수 있다. Padding 은 내용과 테두리 사이의 '여유 공간' Margin은 요소 주위의 여백입니다. 즉, 테두리 밖의 공간 이렇게 top , bottom , left , right 로 따로 따로 힘들게 작성할 필요없이 그냥 시계 방향으로 한번에 작성할 수 도 있다. (위, 오른쪽, 아래, 왼쪽 순..) 만약 그냥 padding : 50px 만 쓴다면 , 위아래 오른쪽 왼쪽 다 50px 의 간격이 된다. 만약 padding:50px 30px 쓴다면, 위아래는 50px 간격이 되고, 오른쪽 왼쪽 간격은 30px 이 된다. margin 의 경우도 padding 과 동일하다. 이렇게 하나씩 써도 되지만 한줄로 적을 수도 있다. 만..
2021. 7. 24.
