Id, Class

* 영어표기가 디폴트, 이하 한글표기

* Angular 기준

---

<div class="감자"> , <div id="감귤">

div 는 HTML 에서 하나의 덩어리를 나누는 컨테이너

여기서 class 랑 id 의 무엇이 다른지 설명해보겠습니다.

Class	Id
둘 다 각각의 div 를 지칭하는 이름이다.
동일한 Class 명 재사용 가능 한 요소에 여러개의 클래스 명을 적용할 수 있다.	id 는 딱 한개만 사용가능 재사용 할 수 없다. class 보다 우선순위로 css 가 적용된다

조금 햇갈리는데,

예를 들면 Html 에서 특정한 하나의 요소(header, body 등) 은 id 를 생각하면 되고

안에 채워지는 요소들은 class 를 생각하면 된다.

 

 

추가로 div 와 span 의 차이점은

div 는 앞에 덩어리 라고 얘기했는데, 글씨 + 박스 의 개념이고

span 은 글씨 의 개념이다.

햇갈리면 Css backgroud + padding 을 넣어보자.