CSS를 HTML 문서에 적용하는 방법에 대해 간단히 설명해 드리겠습니다.

1. Inline CSS:

Inline CSS는 HTML 요소 안에서 직접 스타일을 지정하는 방법입니다.

html
<!DOCTYPE html>
<html>
<head>
  <title>Inline CSS Example</title>
</head>
<body>
  <h1 style="color: blue; font-size: 24px;">이 문장은 파란색이고 글자 크기가 24픽셀입니다.</h1>
  <p style="font-style: italic;">이 문장은 이탤릭체로 표시됩니다.</p>
</body>
</html>

2. Internal (Embedded) CSS:

Internal CSS는 <style> 태그를 사용하여 HTML 문서 안에서 스타일을 지정하는 방법입니다.

html
<!DOCTYPE html>
<html>
<head>
  <title>Internal CSS Example</title>
  <style>
    h1 {
      color: green;
      font-size: 28px;
    }

    p {
      font-style: bold;
    }
  </style>
</head>
<body>
  <h1>이 문장은 녹색이고 글자 크기가 28픽셀입니다.</h1>
  <p>이 문장은 굵은체로 표시됩니다.</p>
</body>
</html>

3. External CSS:

External CSS는 별도의 CSS 파일을 만들고 HTML 문서에서 이 파일을 연결하여 스타일을 지정하는 방법입니다.

style.css:

css
/* style.css */
h1 {
  color: red;
  font-size: 32px;
}

p {
  font-weight: normal;
}

index.html:

html
<!DOCTYPE html>
<html>
<head>
  <title>External CSS Example</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <h1>이 문장은 빨간색이고 글자 크기가 32픽셀입니다.</h1>
  <p>이 문장은 기본 굵기로 표시됩니다.</p>
</body>
</html>

이와 같이 각각의 방법을 사용하여 HTML 문서에 스타일을 적용할 수 있습니다. CSS는 선택자(selector)를 사용하여 특정 요소에 스타일을 적용하므로, 필요에 따라 다양한 스타일링을 할 수 있습니다.