[03-4] CSS 기본기 익히기: padding, margin

[03-4] CSS 기본기 익히기: padding, margin 마진(margin)은 요소의 주변에 여백을 만들어줍니다. 그리고 패딩(padding)은 테두리와 그 안의 콘텐츠 사이의 여백을 만들어 줍니다. 이 두가지를 이용해 여백을 적절히 만들면 유저친화적인 UI를 제공할 수 있죠. 이번 시간에는 margin과 padding에 대해서 알아보도록 하겠습니다. margin & padding 01. margin과 padding 비교 margin과 padding은 서로 비교하면서 알아가는 것이 이해하기 쉬울거라 생각합니다. 먼저 아래와 같이 버튼을 화면에 띄우게 됐을 때 푸른색 테두리 안에 'Button'이라는 텍스트 요소가 있는 모습을 확인할 수 있습니다. 여기서 푸른색 테두리는 'border'에 해당되고 ..

2021.11.04