CSS 추가하는 3가지 방법

한수킴·2025년 1월 11일

CSS

목록 보기
1/17
post-thumbnail

1. CSS 추가 방법

HTML과 CSS를 활용할 때, CSS를 추가하는 방법은 세 가지입니다

1. 인라인 스타일

HTML 태그에 style 속성을 사용하여 CSS를 직접 추가합니다.

<div style="color: red; background-color: yellow;">인라인 스타일</div>

2. 내부 스타일

HTML 문서의 head 태그 안에 style 태그를 사용해 스타일을 정의합니다.

<head>
  <style>
    .box {
      color: white;
      background-color: blue;
    }
  </style>
</head>
<body>
  <div class="box">내부 스타일</div>
</body>

###3. 외부 스타일
CSS 파일을 별도로 작성하고 태그로 HTML에 연결합니다.

<head>
  <link rel="stylesheet" href="styles.css">
</head>
styles.css
.box {
  color: black;
  background-color: gray;
}

0개의 댓글