여분의 공백에 대한 CSS 구문

Question

CSS가 공백을 오류로 인식하는 방법은 무엇입니까?

이 예를 들어, 작동합니다 height: 50px;

을하지만이? 작동하지 않습니다 height: 50 px;

누군가가이 경우 이유를 말씀해 주시겠습니까? 내 CSS에서이 오류를 찾기가 정말 어려웠습니다.

Answer 1

W3C specification 상태를 사용하고있는 언어 예를 들어 당신이 상관없이 당신이 아무리 사양 코드되지해야 오른쪽 또는 잘못 생각하는 경우의

$var iable = 1; 

PHP

이 무엇을했는지 경우 그, CSS에 대한 수준 3, 모두 0이 아닌 값은 단위 식별자과 일치해야합니다.이 경우 px입니다. 값 뒤에 공백을 추가하는 것은 기본적으로 단위 식별자을 전혀 추가하지 않는 것과 같습니다. CSS 사양은 공백을 브라우저가 해당 속성을 해석하지 않고 새 줄이나 속성 목록으로 이동하는 지침으로 취급합니다.

요소가 무엇입니까 다음 CSS는 것으로 해석되기 때문에

body { 
    font-size: 50 px; 
} 

은 괜찮 아닌가요? Body. 가능하면 사양에 따라 해석하십시오. 공간이 있습니다. 다음 라인 또는 속성으로 이동하십시오. 재산이란 무엇입니까? Font-size.이 속성에는 값이 필요합니다. font-size 속성의 값은 무엇입니까? 50. 가능하면 사양에 따라 해석하십시오. 다음 줄이나 속성으로 이동하십시오. 다음 줄은 px;입니다.

이렇게하면 CSS는 브라우저에서 이러한 방식으로 해석됩니다. 스펙은 브라우저가 그러한 상황 중 하나에 대한 사용 사례가 또는 속성 및 부 (size: 50px;size:50px; VS) 사이에 공간이되도록 공간을 허용한다.유닛과 유닛 식별자 (size:50 px;) 사이에 공백이 있으면 스펙에서 허용하지 않는 사용 사례가 없습니다. 브라우저는 무엇을 해야할지 이해하지 못합니다. 스타일은 적용되지 않습니다.

Answer 2

CSS는 실제로 오류가 아닙니다. 그것은 작동하거나하지 않습니다. height: 50 px은 50 px을 해석하는 방법을 모르기 때문에 작동하지 않습니다.

Answer 3

값 (이 경우 50)과 단위 (px)는 사이에 공백을 두어 서로 옆에 있어야합니다. 그러나 50과 : 사이의 공간은 중요하지 않으며 단지 장식 용도로 사용됩니다.

Answer 4

height: 50 px; 

브라우저에서 해석 방법을 모르므로 작동하지 않습니다. 브라우저는 사양에 따라 CSS를 해석합니다 ...

그냥 공백이 거기에 넣을 수있는 것은 아닙니다. 당신이