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
'Program Tip' 카테고리의 다른 글
벡터 중 하나만 사용하는 기준을 사용하여 동일한 방식으로 두 벡터를 정렬하려면 어떻게해야합니까? (0) | 2020.10.24 |
---|---|
WebView의 메모리 누수 (0) | 2020.10.24 |
$ {}와 # {}의 차이점은 무엇입니까? (0) | 2020.10.24 |
Angular 2-라우팅-Observable로 CanActivate 작업 (0) | 2020.10.23 |
Angular 구성 요소 외부에서 클릭 감지 (0) | 2020.10.23 |