CSS 파일을 내 HTML 파일에 올바르게 연결하려면 어떻게 해야 합니까?

HTML 파일에서 CSS 파일을 어떻게 연결하나요?

스타일시트로 인식하려면 rel 속성 값을 스타일시트로 변경해야 합니다. 이:

<link rel="stylesheet" href="newcssstyle.css" type="text/css">

rel 속성 값을 스타일시트로 설정하면 스타일시트 링크와 아이콘 이미지 간의 차이가 구분됩니다. 링크. MDN에서 rel 속성에 대해 가능한 모든 값을 볼 수 있습니다.

또한 그래도 작동하지 않으면 "newcssstyle.css" 파일이 참조된 HTML 파일과 동일한 디렉터리에 있는지 확인하세요. "stylesheets"와 같은 폴더에 넣는 경우 HTML 파일에 상대 폴더 경로를 추가해야 합니다.

예를 들어 다음과 같은 디렉토리가 있는 경우:

• 부모 디렉토리 이름:

  • index.html

  • 스타일 시트:

    • newcssstyle.css

그럼 참고하세요 "newcssstyle.css"("index.css" 기준)는 href='Stylesheets/newcssstyle.css'

그런데 다음과 같은 디렉토리에서는

• 부모 디렉토리 이름:

  • Html_files:

    • index.html

  • 스타일 시트:

    • newcssstyle.css

그런 다음 대신 "newcssstyle.css"를 href='../Stylesheets/newcssstyle.css'로 참조합니다(여기서 ..는 "상위 디렉터리로 한 수준 위로 이동"을 의미함).

그리고 다음과 같은 디렉터리에서 이:

• 부모 디렉토리 이름:

  • index.html
  • newcssstyle.css

그런 다음 "newcssstyle.css"를 href=로 참조합니다. 대신 './newcssstyle.css'(단일 .는 "이 항목과 동일한 수준에 있음을 의미함) HTML 파일").

위 내용은 CSS 파일을 내 HTML 파일에 올바르게 연결하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!