css초기화 질문
중독된
2023.04.01
사이트들을 둘러보면 보통
* {margin:0; padding:0}
or
h1,h2,div, 어쩌구저쩌구 온갖 태그 다갖다붙이고 {margin:0; padding:0}
이렇게 2가지가 있더라구요
후자의 경우가 브라우저의 기본값들을 더 많이 초기화시켜주는지 궁금하네요
-
환찬
아.. 속도 면에서 차이가 있었군요.. 감사합니다^^
-
큰모듬
그보다는 * 선택자는 모든 엘리먼트를 거치는터라
속도면에서 개별선택자를 초기화해주는것보다 속도가 느리다고 합니다.
(전 테스트를 직접 해보지 않아서 확실하지 않음 ㅋㅋ)
예를 들어 div class=\abc\/div
라는 녀석을 dom으로 찾으려고 한다면
document.getElementsByTagName(\*\).className.indexOf(\abc\)로 찾는것과
document.getElementsByTagName(\div\).classNam -
안토니
margin:0;padding:0 으로 초기화되지 않아도 될 요소가 있나요??
-
내꺼하자
초기화 하지 않아도 될 요소들까지 초기화될 수도 있기때문이죠 ㅎㅎ
-
소심한녀자
다클엔젤님 말처럼 * -- 요게 모든 태그를 다해준다면 굳이 다 써줄필요가 있나요??
-
볼1매그녀
초기화할때 인라인 요소, 블럭요소별로 정리를 한다던가 분류별로 나누는것도 좋은 방법입니다.
-
소미
* 선택자는 지양해주세요
-
엘보어
저도 처음에 알때는 *를 쓰라고 배웠는데 요즘은 두번째 방법을 많이 쓰고 있어요/