[CSS] all 속성 - 스타일 초기화하기

 

 

all속성을 적용한 모습

 

 

요소의 기본 스타일 속성을 초기화하려면 

all: unset;

요렇게 써주면 된다.  간단하다. 

 

 

스타일 하나하나

바꿀 필요 없이 한줄이면 끝!

/* BAD */
button{
    background: inherit ; 
    border:none; 
    box-shadow:none; 
    border-radius:0; 
    padding:0; 
    overflow:visible; 
    cursor:pointer
}


/* GOOD */
button{
 all:unset;
}

 

 

button뿐만 아니라 a태그, ul,li 등등 디폴트 스타일이 있다면 모두 사용이 가능하다. 굿굿!