CSS 상대 URL: 스타일시트 또는 HTML 문서에서?

CSS 파일의 상대 URL: 상대 위치에 대한 질문

CSS 파일에서 배경 이미지와 같은 자산을 참조할 때 상대 URL은 종종 고용. 그러나 상대 URL은 정확히 어디에서 측정됩니까?

다음 CSS 코드를 고려하세요.

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

이 스타일시트가 를 통해 다양한 문서에 포함된 경우 상대 URL은 다음을 기준으로 평가된 CSS 파일 내의 URL:

• 다음의 스타일시트 문서 /stylesheets/?
• 스타일시트가 포함된 현재 문서는 무엇입니까?

답변:

W3C에 따르면 "부분 URL 스타일 시트의 소스를 기준으로 해석되는 것이 아니라 스타일 시트의 소스를 기준으로 해석됩니다. document."

따라서 이 경우 CSS 파일의 상대 URL은 /stylesheets/에 있는 스타일시트 문서를 기준으로 해석됩니다.

CSS 파일은 다음과 같을 수 있으므로 이는 의미가 있습니다. 다양한 디렉토리의 여러 페이지에서 사용됩니다. 상대 URL의 시작점을 CSS 파일로 표준화하면 페이지 위치에 관계없이 URL이 올바르게 작동합니다.

위 내용은 CSS 상대 URL: 스타일시트 또는 HTML 문서에서?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!