수다닷컴

여백 CSS를 외부 스타일 시트로 관리하는 방법

에드윈 2026.08.22 댓글 5

회사마다 다르겠지만 margin이나 padding을 여백용 클래스로 따로 만들어 쓰는 경우가 있더라고요.
예를 들면 margin-top이나 padding-top 값을 여러 단계로 나눠 지정하는 식인데요.
여백 스타일을 외부 스타일 시트로 관리할 때 장단점이 궁금합니다.

댓글 5

  • 유미 2026.08.22

    1부터 100까지도 쓰나요? ㅎㅎ
    디자이너와 상의해서 여백 기준을 정하고 일관성 있게 사용하는 게 좋다고 생각해요.

  • 겨레 2026.08.22

    CSS는 구조와 표현을 분리하는 게 핵심인데, 저런 방식은 그 취지와 잘 맞지 않는 것 같아요.
    그럴 바에는 필요한 곳에 margin 값을 직접 쓰는 편이 낫겠어요.

  • 찬솔큰 2026.08.22

    이 부분 질문이 올라온 적이 있네요.
    답변 달아주신 분들 감사합니다.

  • 무리한 2026.08.22

    저런 방식을 피하려면 디자인 가이드에서 여백 기준을 잘 맞춰야 할 것 같아요.
    여기저기 간격이 제각각이면 관리하기 어려우니까요.

  • 주나 2026.08.22

    같은 스타일의 테이블에서 여백만 다를 때 중복 클래스로 처리하면 편할 수 있어요.
    자주 쓰는 몇 가지 값만 지정하는 건 괜찮지만, 사용하지 않을 클래스까지 너무 많이 만들면 비효율적이에요.
    작업자끼리 클래스 이름 규칙을 정하지 않으면 관리하기도 번거롭고요.