[CSS] 브라우저의 CSS Default Value

CSS 설정하다보면 내가 의도하지 않은 속성이 적용된 것을 볼 수 있다.

그건 각 태그별로 브라우저에 디폴트로 설정된 속성과 값이 있기 때문이다.

 

가량 h1 태그의 경우, 아래 속성이 디폴트로 설정되어있다.

h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

 

CSS 작업을 할 때, 내가 의도하지 않은 결과가 나올 때에는 CSS Default Value를 확인해보자.

아래 사이트에서 확인할 수 있다.

 

https://www.w3schools.com/cssref/css_default_values.php

CSS Default Browser Values for HTML Elements