css 값이 0일때 단위를 붙이지 말아야 하는 이유

.a {
	margin: 0px;
}

위 코드가 이상한가?

아니다. 정상동작한다.

 

근데 왜 값이 0인경우에 px같은 단위를 붙이지 않는 것을 선호할까?

 

이번 리뷰어 발리스타님 말씀으로는 webpack에서 번들링 될때, 0에대한  px값이 떼어지는 작업을 거치고,

px가 100만개 있다면, 0의 단위를 적어주지 않을 시에,  'p', 'x' 문자열 즉, 200만개의 문자를 최적화한 효과를 볼 수 있다고 한다!