CSS의 상대 URL에 대한 참조점은 무엇입니까?

CSS의 상대 URL: 참조점 결정

CSS 파일 내에서 상대 URL을 활용하여 배경 이미지와 같은 리소스를 지정할 때 이것이 중요합니다. 그러한 URL의 참조 지점을 이해합니다. 다음 CSS 규칙이 정의된 시나리오를 생각해 보십시오.

div#header {
  background-image: url('images/header-background.jpg');
}

이 규칙은 "/stylesheets/base-styles.css" 파일에 포함되어 있습니다. 이 스타일시트가 를 통해 다양한 문서에 연결되면 CSS의 상대 URL은 어디를 기준으로 해석됩니까?

답변: 스타일시트 문서를 기준으로

W3C에서 확립한 사양에 따르면 CSS 파일에 지정된 부분 URL은 포함된 문서가 아닌 스타일시트의 소스를 기준으로 해석됩니다. 이내에. 따라서 앞서 언급한 예에서 상대 URL은 해당 URL이 포함된 현재 문서가 아닌 "/stylesheets/"와 관련하여 해석됩니다.

이러한 접근 방식은 CSS 파일이 포함될 수 있으므로 일관성과 신뢰성이 보장됩니다. 다른 디렉토리에 위치한 페이지에서. CSS 파일 자체에 대한 참조 지점을 표준화하면 문서의 위치나 경로에 관계없이 URL이 원활하게 작동합니다.

위 내용은 CSS의 상대 URL에 대한 참조점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!