[css] CSS에서 ‘property : 0’또는 ‘property : 0px’?

이 표기법이 많이 사용되는 것을 보았고,이 두 표기법 사이에 눈에 띄는 차이가 있는지 궁금합니다.

element#id
{
  property: 0;
}

element#id
{
  property: 0px;
}

나는 property: 0px;그것이 깨끗해 보이기 때문에 항상 사용 하지만 브라우저 0px0.

어느 것이 더 낫거나 올바른지 아는 사람이 있습니까?



답변

단위 식별자는 선택 하지만, (당신이 있지만 더 저명한 성능 향상은 없습니다 되는 두 개의 문자를 저장).

CSS2 – 에서 W3C의 CSS 구문 2.1 사양 및 기본 데이터 유형 :

길이 값의 형식 (본 명세서에서 <length>로 표시됨)은 단위 식별자 (예 : px, em 등)가 바로 뒤 따르는 <숫자> (소수점 포함 또는 제외)입니다. 길이가 0이면 단위 식별자는 선택 사항입니다.

(강조 광산)

CSS3 – 에서 W3C의 CSS 값 및 단위 모듈 레벨 3 (현재의 후보 추천 이 글을 쓰는 시점에서)

길이 0 인 경우 단위 식별자는 선택 사항입니다 (즉, 구문 상 0으로 표시 될 수 있음).


답변

값이 0이면 단위는 선택 사항이지만 값을 클릭하고 위쪽 / 아래쪽 화살표 키를 눌러 Chrome의 개발자 도구로 값을 조정할 수 있으므로 그대로 두는 경향이 있습니다. 유닛 없이는 불가능합니다.

또한 CSS 축소 기는 0어쨌든 값 에서 단위를 제거 하므로 결국에는 실제로 중요하지 않습니다.


답변

그들은 동일합니다. 브라우저는 둘 다 0으로 해석하므로 더 읽기 쉬운 것으로 이동하십시오.


답변

0은 0입니다. 0px= 0%= 0em= 0pt=0

대부분의 사람들은 단순히 불필요한 어수선하기 때문에 장치를 꺼 둡니다.


답변

내가 아는 한 그들 사이에는 차이가 없습니다 0px = 0em = 0ex = 0% = 0. 당신이 가장 좋아하는 것을 결정하는 것은 개발자로서 순전히 당신에게 달려 있습니다 (물론 따라야 할 기업 코딩 표준이 없다면).

내가 본 대부분의 코드 샘플에서 대부분의 사람들은 단위없는 버전을 사용합니다. 나에게 그것은 단지 더 깨끗해 보인다. 상당한 양의 데이터를 푸시하는 경우 (예 : Google의 경우)이 2 바이트는 특히 스타일 시트에서 여러 번 반복 할 가능성이 높기 때문에 많은 대역폭을 추가 할 수 있습니다.


답변

0 픽셀은 0 인치 및 0 미터와 같습니다. 0필요한 것은 전부입니다.


답변

나는 개인적으로 찾아 0보다 청소기를 0px. 추가 할 수있는 두 개의 추가 문자입니다. 필요하지 않을 때 추가 바이트를 추가하는 이유. 나는 padding: 0px 0px 0px 0px쉽게 표현할 수있는 것을 padding: 0너무 자주 보았다 .