CSS를 HTML에 적용하는 여러 가지 방법이 있습니다. 아래에 몇 가지 일반적인 방법을 소개합니다.

Inline CSS: HTML 요소의 style 속성을 사용하여 직접 CSS를 작성하는 방법입니다.

html
<p style="color: red; font-size: 16px;">이 문장은 빨간색이고 글자 크기가 16px입니다.</p>

Internal CSS: HTML 문서 내부에서 <style> 태그를 사용하여 CSS 코드를 작성하는 방법입니다. 이 코드는 HTML 문서의 <head> 부분에 위치합니다.

html
<!DOCTYPE html>
<html>
<head>
    <style>
        p {
            color: blue;
            font-size: 18px;
        }
    </style>
</head>
<body>
    <p>이 문장은 파란색이고 글자 크기가 18px입니다.</p>
</body>
</html>

External CSS: CSS 코드를 별도의 외부 파일로 작성하고 HTML 문서에서 이 파일을 링크하여 사용하는 방법입니다.

styles.css:

css
p {
    color: green;
    font-size: 20px;
}

index.html:

html
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
    <p>이 문장은 초록색이고 글자 크기가 20px입니다.</p>
</body>
</html>

CSS Frameworks: CSS 프레임워크를 사용하여 디자인을 효과적으로 관리할 수 있습니다. 예를 들어, Bootstrap, Foundation, 등이 있습니다.

Bootstrap 예시:

html
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
</head>
<body>
    <p class="text-danger">이 문장은 빨간색입니다.</p>
</body>
</html>

이러한 방법 중 하나를 선택하여 HTML 문서에 CSS를 적용할 수 있습니다. 선택한 방법은 프로젝트의 규모와 구조, 유지보수 요구사항 등에 따라 달라질 수 있습니다.