CSS에서 사용되는 URL은 대소 문자를 구분합니까?

Question

URL은 대문자로 시작 :

.test{ 
    background:url('/Static/Common/background.png'); 
} 

URL은 소문자로 시작 :

.test{ 
    background:url('/static/common/background.png'); 
} 

그것은 대소 문자를 구분합니다. 하지만 웹 사이트에서 코드를 다운로드했는데 대문자와 소문자가 혼합되어 있지만 여전히 작동합니다.

이유가 무엇입니까? 누구든지 명확하게 설명 할 수 있습니다. 감사합니다.

Answer 1

URL은 대소 문자를 구별 할 수 있지만 필요가 없습니다 :

다음 블로그에서 더 많은 아이디어를 얻을.

기본적으로 웹 사이트를 실행하는 파일 시스템에 따라 다릅니다. 예를 들어 대부분의 Linux 시스템은 대소 문자를 구분하며 Windows에서 실행되는 대부분의 서버는 대소 문자를 구분하지 않습니다.

휴대 성을 위해 파일에 대한 링크를 파일 경로와 정확히 일치시켜야합니다.

CSS 스타일 시트와 관련이 없습니다. 예를 들어 <a href="LINK"> 및 <img src="LINK2">과 같은 문제가 발생합니다.

Answer 2

CSS (Cascading Style Sheets)는 대소 문자를 구분하지 않습니다. 그러나 글꼴 패밀리, 이미지에 대한 URL 및 스타일 시트를 포함한 기타 직접 참조가있을 수 있습니다.

트릭은 XML 선언과 XHTML doctype을 사용하여 문서를 작성하면 CSS 클래스 이름이 일부 브라우저에서 대소 문자를 구분한다는 것입니다.

div.myclass {...} div.myClass {...}

경우 :

예를 들어, 유일한 차이점은의 경우 클래스의 이름을 지정하지 않도록하는 것은 좋은 생각이다

DOCTYPE 또는 XML 선언은 실수로 페이지에서 제거되며 대소 ​​문자에 관계없이 스타일의 마지막 인스턴스가 사용됩니다.

http://webdesign.about.com/od/css/f/blcssfaqcase.htm

http://www.css-zibaldone.com/articles/syntax/css-syntax.html