라떼는말이야

1. * * { margin: 0; padding: 0; } * 은 페이지 전체 요소를 대상으로 한다. 간단한 테스트용으로는 괜찮지만 실전에서는 브라우저에 과부하가 걸릴 수 있기 때문에 사용에 적절하지 않다. *을 자식 선택자에도 사용할 수 있다. #container * { border: 1px solid black; } 위 코드는 #container div 의 자식 요소 전체를 대상으로 한다. 2. #X #container { width: 960px; margin: auto; } #은 id 선택자이다. 가장 흔하게 사용되는 선택자이지만 id 선택자를 사용할 때 고민해보아야 한다. id 선택자는 유연성이 없고 재활용할 수 없기 때문에 이 요소를 대상으로 id를 필히 적용해야 할까? 라는 질문을 던져보고 ..