CSS 파일을 HTML 파일에 올바르게 연결하는 방법은 무엇입니까?

HTML 파일에서 CSS 파일을 연결하는 방법

HTML 파일에서 CSS 파일을 연결할 때 문제가 발생합니다. 다음 사항을 확인하여 문제를 해결할 수 있습니다.

올바른 속성 값 설정

HTML 파일에서 rel 속성 값은 "작동하길 바랍니다." 대신 "stylesheet"로 설정되어야 합니다. " 수정된 코드는 다음과 같습니다.

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

파일 배치 확인

"newcssstyle.css" 파일은 참조하는 HTML 파일과 동일한 디렉터리에 있어야 합니다. 하위 폴더에 있는 경우 그에 따라 href 속성 경로를 조정합니다.

디렉터리 구조 및 상대 파일 경로의 예

사례 1: CSS 파일은 다음과 같은 하위 폴더에 있습니다. "스타일 시트."

Parent Directory Name
   index.html
   Stylesheets
      newcssstyle.css

HTML:

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

사례 2: CSS 파일이 이름이 다른 하위 폴더에 있습니다. "Html_files."

Parent Directory Name
   Html_files
      index.html
   Stylesheets
      newcssstyle.css

HTML:

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

사례 3: CSS 파일이 HTML과 동일한 디렉터리에 있습니다. 파일.

Parent Directory Name
   index.html
   newcssstyle.css

HTML:

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

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