CSS 상대 URL: 스타일시트 또는 HTML 문서를 기준으로 합니까?

CSS 상대 URL: 스타일시트 또는 현재 문서를 기준으로 합니까?

배경 이미지와 같이 CSS 파일 내에서 상대 URL을 지정할 때 그들이 참조하는 위치를 이해하는 것이 중요합니다. "/stylesheets/base-styles.css" 파일에서 다음 예를 살펴보세요.

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

이제 이 스타일시트를 /item/details.html 또는 /about/index.html과 같은 다양한 문서에 포함하는 것을 고려해 보세요. CSS 파일의 상대 URL은 어디를 기준으로 평가됩니까?

답변:

W3에 따르면 "부분 URL은 스타일 소스를 기준으로 해석됩니다. 시트는 문서와 관련이 없습니다." 따라서 이 경우 URL은 스타일시트 위치("/stylesheets/")를 기준으로 평가됩니다.

CSS 파일이 잠재적으로 다른 디렉토리의 페이지에 연결될 수 있으므로 이는 의미가 있습니다. URL 평가를 CSS 파일 위치로 표준화함으로써 스타일시트가 포함된 페이지 컨텍스트에 관계없이 URL이 올바르게 확인되도록 보장합니다.

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