margin과 padding을 똑같은 값을 줄 때 같이 보인다면 어떤걸 사용해야할까요?
가루
예를들어
paddding-bottom:10을 주었을 때,
또는
margin-bottom:10을 주:10을 주었을 때,
위 둘 중 하나만 넣었을 때... 보여지는 모습은 똑같습니다.
그럼 그 중에서 어떤걸 사용해야될까요?패딩과 마진이 어떤 역할을 하고
차이점도 알고 있습니다.
어떤 경우에는 마진이 적용이 안되는 경우도 있고,(inline 속성이었나?)
외곽선을 넣었을 때는 마진과 패딩 확실한 차이가 있죠.(컨텐츠 - 패딩 - 보더 - 마진 순이죠)
배경색상을 넣으면 역시 패딩은 배경색이 다 채워지지만
마진부분은 부모의 색상을 따라가죠.
이런 예외적인 경우를 제외하고
.class { (margin-bottom/padding-bottom):10px; }
위에처럼 두 속성을 바꿔줬을 때 웹상에서 한치의 차이도 없이 똑같이 보일 때는
어떤걸 사용해야 될지 약간 고민이 들더군요.
하코수다님들의 의견이 궁금합니다.
-
한무릎
박스모델에 영향이 안가는 모양이라면 그냥 둘중 되는걸로~ ㅎㅎ 일단은 margin 선호
-
뿌잉
답변 감사합니다~
-
비
그냥 요소검사하면 다 나오는게 css라 마진패딩으로 고민한적은 디자인이 안틀어지면 없네요
-
딸기향
오 짱짱.. 저는 뭣모르고 마진을 많이써서 피본적이 많은데
바다쓰기님 말을 참고해야겠어용 ㅎㅎ -
마루
정답ㅋ 저도 이거요 ㅋ
-
리나
감사합니다!
-
바름
저 같은 경우는
div 테그를 블럭의 개념으로 사용하고
블럭과 블럭 사이를 띄울시 margin 을 사용하고요
블럭 내에서 여백을 줘야 할때 padding 을 사용합니다.
표현하려는 의도가 정확하면 고민할 필요가 없어요~ ㅎㅎ