14강 - 클래스 속성 (Class Property)

안녕하세요! "진로상담&진로 강연"을 하는 "월횽(박진형)"입니다. 오늘은 클래스(Class)에 대해 알아보겠습니다.

클래스(Class)란 무엇인가요?

클래스는 HTML 문서에서 요소들을 그룹화하고, 스타일과 속성을 적용하는 데 사용되는 개념입니다. 클래스는 여러 요소를 하나의 그룹으로 묶어 스타일링할 수 있는 방법입니다.

 

반응형

클래스 사용 예시

예를 들어, 다음과 같은 div 태그들이 있다고 가정해보겠습니다.

<div>내용1</div>
<div>내용2</div>
<div>내용3</div>
<div>내용4</div>

이렇게 각각의 div 요소에 클래스 속성을 추가할 수 있습니다.

 

<div class="1반">내용1</div>
<div class="2반">내용2</div>
<div class="3반">내용3</div>
<div class="4반">내용4</div>

 

이 예제에서는 각각의 div 요소에 1반, 2반, 3반, 4반이라는 클래스를 부여했습니다. 이렇게 하면 나중에 CSS 수업에서 각 클래스에 다른 스타일을 적용할 수 있습니다.

 

요약

클래스를 사용하여 HTML 요소를 그룹화하고, CSS를 통해 요소에 스타일을 적용할 수 있습니다. 클래스는 HTML 문서를 구성하고 스타일링하는 중요한 개념입니다.

직접 예제를 따라해보면서 클래스를 활용해보세요. 계속해서 연습하며 클래스를 익혀보세요.