-
공통점
id와 class 태그는 모두 특정 요소에 스타일을 입히기 위해 사용됩니다.
차이점
1. ID
유일한 즉 하나의 요소에만 스타일을 주기 위해 사용합니다.
ID는 #{name} 을 통해서 style을 줄 수 있습니다.
2. Class
다수의, 반복되는 요소에 스타일을 주기 위해 사용합니다.
Class는 .{name} 을 통해 style을 줄 수 있습니다.
<!DOCTYPE html><head><meta charset="UTF-8"><title>Document</title><style>#title {color: red;}.box {margin: 5px;width: 50px;height: 50px;background: gray;float : left;}</style></head><body><h2 id="title">ID vs Class</h2><div class="box"></div><div class="box"></div><div class="box"></div></body></html>
'Develop > HTML & CSS' 카테고리의 다른 글
[CSS] CSS Diner (3) - 마무리 (0) 2021.04.09 [CSS] CSS Diner 해설 (2) (0) 2021.04.09 [CSS] CSS Diner 해설 ( 1 ) (0) 2021.04.09 [ HTML & CSS ] <Section> vs <div> vs <article> (0) 2021.03.26
