[HTML/CSS] ID속성, CLASS속성

 

[HTML/CSS] ID속성, CLASS속성

CSS의 셀렉터를 효율적으로 활용하기 위해서 ID와 CLASS속성을 부여하는 방법은 반드시 알아야 해요. ID와 CLASS는 숫자만으로 이루어질수 없으며, 숫자로 시작할 수 없습니다.

 

ID 속성 ID는 페이지 내에 있는 다른 요소들과   구분하기 위해 사용하는 고유의 이름.   한 페에지 내에 같은 ID를 사용하면 안되요.   예) <p id="bold">굵은 글씨</p>

CLASS 속성 요소들을 묶어주기 위해 사용하는 이름.   ID와 달리 같은 CLASS를 여러개 사용   할 수 있어요. 또한 띄어쓰기로 하나의   요소가 복수 CLASS를 사용할 수도 있어요.   예) <p class="red">빨간색</p>   예) <p class="red under">빨간 밑줄</p>

 

 

 

 

< 연습하기 >

 

w3스쿨js피들