2023-02-05(CSS의class와id차이)

✅class란 무엇일까?
✅ id를 란 무엇일까?

둘 다 역할은 비슷하다. 하는 일은 이름을 정해주고 그 이름을 불러오는 방식으로 진행된다. (둘 다 태그에서 설정한 속성에 따라 스타일을 지정한다는 점.)

<p classname = "app-Style" id = "human">방준혁</p>
<div className = "app-Style">김준혁</div>
<style>
#human {
    color : red;
    padding : 10px;
}
.app-Style {
    margin : 10px;
}
</style>

-->⭐ .app-Style이나 #human을 쓰기만 한다면 언제 어디서든 불러올 수 있다.⭐

위 예제를 보면 둘의 차이를 명확하게 알 수 있따.

• class

1. class를 불러올 때는 클래스명 앞에 마침표(.)를 찍어준다.
2. class는 중복사용이 가능하여 동일한 클래스명을 페이지의 여러 곳에 사용해도 된다.

• id

1. id를 불러올 때는 아이디값 앞에 샵(#)표시를 해준다
2. id는 중복으로 쓸 수 없다.

🍀내가 몰랐던 부분정리🍀

styling을 한꺼번에 적용할 땐 = class
한 가지만 적용하고싶다면 = id
를 쓰자