이 표기법이 많이 사용되는 것을 보았고,이 두 표기법 사이에 눈에 띄는 차이가 있는지 궁금합니다.
element#id
{
property: 0;
}
과
element#id
{
property: 0px;
}
나는 property: 0px;
그것이 깨끗해 보이기 때문에 항상 사용 하지만 브라우저 0px
가 0
.
어느 것이 더 낫거나 올바른지 아는 사람이 있습니까?
이 표기법이 많이 사용되는 것을 보았고,이 두 표기법 사이에 눈에 띄는 차이가 있는지 궁금합니다.
element#id
{
property: 0;
}
과
element#id
{
property: 0px;
}
나는 property: 0px;
그것이 깨끗해 보이기 때문에 항상 사용 하지만 브라우저 0px
가 0
.
어느 것이 더 낫거나 올바른지 아는 사람이 있습니까?
답변:
단위 식별자는 선택 하지만, (당신이 있지만 더 저명한 성능 향상은 없습니다 되는 두 개의 문자를 저장).
CSS2 - 에서 W3C의 CSS 구문 2.1 사양 및 기본 데이터 유형 :
길이 값의 형식 (본 명세서에서 <length>로 표시됨)은 단위 식별자 (예 : px, em 등)가 바로 뒤 따르는 <숫자> (소수점 포함 또는 제외)입니다. 길이가 0이면 단위 식별자는 선택 사항입니다.
(강조 광산)
CSS3 - 에서 W3C의 CSS 값 및 단위 모듈 레벨 3 (현재의 후보 추천 이 글을 쓰는 시점에서)
길이 가 0 인 경우 단위 식별자는 선택 사항입니다 (즉, 구문 상 0으로 표시 될 수 있음).
값이 0
이면 단위는 선택 사항이지만 값을 클릭하고 위쪽 / 아래쪽 화살표 키를 눌러 Chrome의 개발자 도구로 값을 조정할 수 있으므로 그대로 두는 경향이 있습니다. 유닛 없이는 불가능합니다.
또한 CSS 축소 기는 0
어쨌든 값 에서 단위를 제거 하므로 결국에는 실제로 중요하지 않습니다.
그들은 동일합니다. 브라우저는 둘 다 0으로 해석하므로 더 읽기 쉬운 것으로 이동하십시오.
border: 3 solid
단위가 없기 때문에 쓸 수 없다는 것을 알고 있지만 0에 대한 웹 표준이 있습니까?
내가 아는 한 그들 사이에는 차이가 없습니다 0px = 0em = 0ex = 0% = 0
. 당신이 가장 좋아하는 것을 결정하는 것은 개발자로서 순전히 당신에게 달려 있습니다 (물론 따라야 할 기업 코딩 표준이 없다면).
내가 본 대부분의 코드 샘플에서 대부분의 사람들은 단위없는 버전을 사용합니다. 나에게 그것은 단지 더 깨끗해 보인다. 상당한 양의 데이터를 푸시하는 경우 (예 : Google의 경우)이 2 바이트는 특히 스타일 시트에서 여러 번 반복 할 가능성이 높기 때문에 많은 대역폭을 추가 할 수 있습니다.
0 픽셀은 0 인치 및 0 미터와 같습니다. 0
필요한 것은 전부입니다.