라떼는말이야

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

Inline CSS (인라인 CSS) Inline CSS HTML 안에서 직접 스타일 적용. Inline CSS 장점 HTML 페이지에 쉽고 빠르게 CSS 룰을 삽입할 수 있다. 이 방법은 여러분의 웹사이트를 테스팅 하거나 변경에 대한 미리보기, 그리고 빠르게 고칠 수 있는 성능에 유용하기 때문에 사용된다. 별도의 문서로 외부 스타일을 만들거나 업로드 할 필요가 없다. Inline CSS 단점 CSS룰을 모든 HTML 엘리먼트에 추가하는 것은 시간 낭비이고 여러분의 HTML 구조를 복잡하게 만든다. 여러 엘리먼트에 스타일을 적용하는 것은 당신의 웹페이지 사이즈와 다운로드 시간에 영향을 줄 수 있다. Internal CSS (내부 CSS) Internal CSS 장점 스타일시트에 클래스와 ID 선택자를 사..