Program Tip

CSS에서 'property : 0'또는 'property : 0px'?

programtip 2020. 10. 24. 11:37
반응형

CSS에서 'property : 0'또는 'property : 0px'?


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

element#id
{
  property: 0;
}

element#id
{
  property: 0px;
}

나는 property: 0px;그것이 더 깨끗해 보이기 때문에 항상 사용 하지만 브라우저가 .NET 0px과 다르게 해석되는지 확실하지 않습니다 0.

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


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

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너무 자주 보았다 .


둘 중 하나를 사용할 수 있습니다. 저의 가장 좋은 조언은 너무 많이 걱정하지 말고 어느 쪽이든 일관성을 유지하는 것입니다. 개인적으로 다음과 같은 이유로 '0px'를 지정하는 것을 선호합니다.

  • 0px를 사용하면 지정한 다른 모든 'px'크기와 더 일관성이 있습니다.
  • 또한 더 장황하고 'switch this off'플래그가 아닌 길이를 0으로 설정하고 있음을 매우 명확하게합니다.
  • 필요한 경우 '0px'값을 조정하여 다른 값으로 만드는 것이 약간 더 쉽습니다.

다른 사람들이 말했듯이 0인지는 중요하지 않지만 모든 값에 측정 값을 추가하여 내 CSS 파일을 보는 다른 사람이 다른 곳에서 처리 할 수있는 측정 값을 측정 할 수 있습니다.

참고 URL : https://stackoverflow.com/questions/4318471/property-0-or-property-0px-in-css

반응형