HTML에서 외부 CSS를 참조하는 방법-HTML 튜토리얼-php.cn

HTML에서 외부 CSS를 참조하는 방법

下次还敢

풀어 주다： 2024-04-11 11:15:29

원래의

1028명이 탐색했습니다.

예, HTML을 사용하여 외부 CSS를 참조할 수 있으므로 코드 단순성과 유지 관리성을 위해 HTML 문서에서 스타일 규칙을 분리할 수 있습니다. 구체적인 단계는 다음과 같습니다. HTML 문서의 <head> 요소에 스타일 규칙이 포함된 CSS 파일을 만들고, rel 속성이 링크 유형을 지정하는 외부 CSS 파일에 연결합니다. "스타일시트"로 사용되며 href 속성은 외부 CSS 파일에 대한 URL 또는 상대 경로를 지정합니다.

HTML에서 외부 CSS를 참조하는 방법

HTML을 사용하여 외부 CSS를 참조하는 방법

HTML을 사용하여 외부 CSS를 참조하는 것은 HTML 문서에서 스타일 규칙을 분리하여 더 깔끔하고 유지 관리 가능한 코드를 만드는 일반적인 방법입니다. HTML에서 외부 CSS를 참조하는 방법은 다음과 같습니다.

1. CSS 파일 만들기

먼저 스타일 규칙이 포함된 CSS 파일을 만듭니다. 예를 들어, 다음 콘텐츠와 함께 style.css라는 파일을 사용할 수 있습니다. style.css 的文件，其中包含以下内容：

<code class="css">body {
  font-family: Arial, sans-serif;
  font-size: 16px;
}

h1 {
  color: blue;
}</code>

로그인 후 복사

2. 将 CSS 文件链接到 HTML

在 HTML 文档的 <head> 元素中，使用 <link> 元素链接到外部 CSS 文件。如下所示：

<code class="html"><head>
  <link rel="stylesheet" href="style.css">
</head></code>

로그인 후 복사

3. 解释

<link> 元素的 rel 属性指定了链接的类型，在这种情况下为 "stylesheet"。hrefrrreee

2. CSS 파일을 HTML

🎜🎜에 연결합니다. HTML 문서 요소인 경우 <link> 요소를 사용하여 외부 CSS 파일에 연결합니다. 아래와 같이: 🎜rrreee🎜🎜3. 설명 🎜🎜🎜 <link> 요소의 rel 속성은 링크 유형을 지정합니다(이 경우 "stylesheet"). . href 속성은 외부 CSS 파일의 URL 또는 상대 경로를 지정합니다. 🎜🎜외부 CSS 파일을 사용하면 모든 스타일 규칙을 중앙에서 관리하고 각 HTML 페이지를 수정하지 않고도 전체 웹사이트의 스타일을 쉽게 변경할 수 있습니다. 🎜

위 내용은 HTML에서 외부 CSS를 참조하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!