웹브라우저마다 h1~6의 머릿글이나 p, hr, ul, ol, li 등 여러 기본 선택자들의 마진과 패딩값이 다르게 표현된다. 이런 차이는

  • 는 전체 선택자이다. CSS는 이름그대로 계단형식으로써 부모/자식 사이에 각 속성들을 상속하기 때문에, 전체 선택자의 속성에 특정값을 지정할 경우 자식이 되는 모든 선택자들이 그 속성을 따르게 된다.
@/* =reset
--------------------------------------------------*/
* {margin:0; padding:0;border:none;}
@

나는 css 파일을 제작할 때, 가장 상단에 이렇게 코드를 작성한다. 이는 모든 선택자들의 마진과 패딩의 속성값을 0으로 만들고, 보더값을 없게 만든다. (이외에도 폰트나 body 설정을 하는 편이지만, 내용과 맞지 않아서 생략)