티스토리 뷰

프로그래밍/HTML , CSS

Class 적용방법

goodmean 2021. 3. 18. 10:47
반응형

스타일 직접 입력하는 방식처럼 태그내에 class = "class 이름" 으로 적용한다.

ex)

<div class = "class1"> Class 적용 </div>

ex)

<p class = "class2"> Class 적용 </p>

ex)

<h1 class = "class3"> Class 적용 </h1>

한 요소에 여러가지 Class 를 넣을 수 있다.

ex)

<div class = "class1 class2"> 불가능한 방법 </div>

css 나 js 에서 class를 호출할 때는 .class이름 으로 호출한다.

ex)

<div class = "class1"> ID 적용 </div>
<style>
.class1 {
color : red ;
}
</style>
반응형

'프로그래밍 > HTML , CSS' 카테고리의 다른 글

css 요소  (0) 2021.03.19
ID / CLASS 의 이름 짓기 공식  (0) 2021.03.18
ID 적용방법  (0) 2021.03.18
태그의 종류  (0) 2021.03.18
색상 입력 방법  (0) 2021.03.17
반응형
최근에 올라온 글
Total
Today
Yesterday
글 보관함