CSS 파일의 상대 URL은 어떻게 해결됩니까?

CSS 파일에서 상대 URL 찾기

CSS 파일 내에서 상대 URL을 사용하여 리소스를 참조할 때 상대 위치를 결정하는 것이 중요합니다. 예를 들어, 다음 CSS가 포함된 CSS 파일 base-styles.css를 고려해 보세요.

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

이 스타일 시트가 를 사용하여 다양한 문서에 포함된 경우 상대 항목은 어디에 있습니까? CSS 파일의 URL은 다음을 기준으로 렌더링됩니까?

답변:

다음에 따르면 W3:

부분 URL은 문서가 아닌 스타일 시트의 소스를 기준으로 해석됩니다.

따라서 상대 URL은 /stylesheets/를 기준으로 합니다.

CSS 파일이 다양한 디렉토리의 페이지에 포함될 수 있기 때문에 이 접근 방식은 논리적으로 합리적입니다. CSS 파일을 기반으로 URL을 표준화하면 스타일 시트가 링크된 위치에 관계없이 URL이 작동합니다.

위 내용은 CSS 파일의 상대 URL은 어떻게 해결됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!