[CSS] CSS 적용 방법

로



CSS 적용 방법



1. 인라인(Inline) 스타일

  • HTML 태그 안에 style 속성을 사용하여 적용하는 방식


<p style="color: red; font-size: 20px;">이것은 빨간색 글씨입니다.</p>



2. 내부(Internal) 스타일

  • HTML 문서의 <style> 태그 안에서 정의


<!DOCTYPE html>
<html>
<head>
    <style>
        p {
            color: green;
            font-size: 18px;
        }
    </style>
</head>
<body>
    <p>이것은 초록색 글씨입니다.</p>
</body>
</html>



3. 외부(External) 스타일

  • CSS 파일을 별도로 만들고 HTML에서 link 태그로 연결하는 방식


/* styles.css */
h1 {
    color: blue;
    font-size: 30px;
}



<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>CSS 예제</h1>
</body>
</html>


댓글 남기기