HTML+CSS 에서 id,class 차이점?

1. HTML에서 태그에 class적용하는 방법

= class="클래스명" 

<div>안녕</div>라는 곳에 적용하면 <div class="Hello>안녕</div>

2. CSS에서 클래스에 속성 부여하는 방법

= .클래스명

.hello { background:black; }

3. HTML에서 id적용하는 방법

<div id="Hello>안녕</div>

4. CSS에서 id에 속성 부여하는 방법

#Hello { color:black }

 

class로 Hello를 지정하고 background를 blue로 해준다

id를  Hi로 지정하고 Hi라는 id를 green으로 지정해주면 파란색이 사라지고 초록색으로 변한다

이로써 태그<클래스<아이디 순으로 우세하다 클래스에 속성을 부여한곳에 아이디 속성을 부여하면 최종적으로 아이디의 속성이 나온다

 

 

그리고 class를 설정할 때 2개이상의 클래스를 지정할 수 있다 하지만 id를 설정할 때는 1개의 id만을 지정할 수 있다

ex) <div class="Hello Hi">  = 가능

     <div id="Hello Hi">  =불가능