HTML을 CSS에 연결하는 방법-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

HTML을 CSS에 연결하는 방법

Apr 11, 2024 pm 12:18 PM

css

HTML에서 CSS에 연결하는 두 가지 주요 방법은 다음과 같습니다. <head> 섹션에서 <link> 요소를 사용하여 연결할 스타일시트의 URL을 지정합니다. <style> 요소 내부에 CSS 코드를 직접 작성하세요. 두 방법 모두 장단점이 있으며 대부분의 경우 <link> 요소를 사용하여 외부 스타일 시트에 연결하는 것이 선호되는 방법입니다.

HTML을 CSS에 연결하는 방법

HTML에서 CSS에 연결하는 방법

HTML에서 CSS에 연결하는 두 가지 주요 방법이 있습니다.

방법 1: <head> 섹션 내에서 <link>

&lt;head&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;styles.css&quot;&gt;
&lt;/head&gt;

로그인 후 복사

<link>

<link> 元素指定了要连接的样式表的 URL。
rel="stylesheet" 属性表明该文件是一个样式表。

方法 2：在 <style> 元素内编写 CSS 代码

&lt;head&gt;
  &lt;style&gt;
    body {
      background-color: red;
    }
  &lt;/style&gt;
&lt;/head&gt;

로그인 후 복사

<style>rel="stylesheet" 속성은 파일이 스타일시트임을 나타냅니다.

방법 2: <style> 요소 안에 CSS 코드 작성

rrreee

<style> 요소를 사용하면 HTML 파일에 CSS 코드를 직접 작성할 수 있습니다.

이 방법은 브라우저가 외부 파일을 로드할 필요가 없기 때문에 <link> 요소를 사용하는 것보다 빠릅니다.

어떤 방법을 선택해야 할까요?
<link> 요소:
스타일 코드를 HTML에서 분리하므로 더 깔끔하고 유지 관리가 쉽습니다.
로드 시간을 줄일 수 있는 외부 스타일시트 사용을 허용합니다.
<style> 요소:

브라우저가 외부 파일을 로드할 필요가 없기 때문에 더 빠릅니다. 🎜🎜간단한 스타일 변경에 매우 편리합니다. 🎜🎜🎜🎜🎜대부분의 경우 <link> 요소를 사용하여 외부 스타일시트에 연결하는 것이 선호되는 방법입니다. 그러나 빠르고 간단한 스타일 변경이 필요한 경우에는 <style> 요소를 선택하는 것이 더 좋습니다. 🎜

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

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.