인프런 커뮤니티 질문&답변

안녕하세요. 강의 쉽고 재밌게 설명해주셔서 잘 듣고 있습니다.

[섹션0. 실습 1] 강의에서, 프로젝트 초기 세팅 중 하나로 css 전체 선택자를 통해 아래와 같이 margin, padding 값을 모두 reset하셨습니다.

* {
  margin: 0;
  padding: 0;
}

전체 선택자로 원하는 속성값을 reset 하는 것이 정말 괜찮은 것인지 강의내용만으로는 해소가 안되 강사님의 추가설명을 요청하고자 합니다.

강의 수강 전 직접 일기장을 만들었을 때, h1이나 p 태그들에 기본적으로 설정되어 있는 margin값 때문에 warpper에 padding값을 어떻게 설정하는게 좋을 지 고민이 많았고, 차라리 기본margin값이 없었으면 더 만들기 좋을 것이라고 생각했습니다.

강의 수강 당시에는 좋은 방법이라고 생각했지만, 수강 중간에 갑자기 아래와 같은 생각이 들었습니다.
- 아무런 고려 없이 단순히 모든 태그들의 특정 속성값을 리셋한다면, 초보자로서 예상치 못한 사이드이팩트로 큰 문제가 생기지 않을까?
- 각 태그의 정체성을 잃어버리는 것은 아닐까?

그래서 해당 주제로 몇몇 글을 찾아보며 내린 결론은 필요하다였습니다!
제가 찾은 결론의 근거로는,

1. 브라우저 호환성을 위해(링크)

2. 디자이너와의 원활한 협업을 위해(링크)

3. 의제인 속성값들의 변화로는 SEO나 웹 접근성에는 큰 문제가 없음(링크)

4. 성능에도 큰 차이가 없음(링크)

입니다.

제가 찾은 근거 외에 강사님이 생각하시거나, 경험했던 내용이 있으면 추가설명 부탁드립니다 :)