in CSS

스타일쉬트 기본 설정

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

* 는 전체 선택자이다. CSS는 이름그대로 계단형식으로써 부모/자식 사이에 각 속성들을 상속하기 때문에, 전체 선택자의 속성에 특정값을 지정할 경우 자식이 되는 모든 선택자들이 그 속성을 따르게 된다.

@/* =reset
--------------------------------------------------*/
* {margin:0; padding:0;border:none;}
@

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

댓글 남기기