반응형

Html 태그내부의 class 와 id 속성

  • html 태그에는 class 또는 id를 부여하여 고유의 이름을 부여할 수 있습니다.

ID

  • 고유한 속성으로 하나의 html문서에 하나의 id만 사용할 수 있습니다.
    • 실제로는 같은 id값을 2개이상 사용할 수는 있지만 개발자끼리의 약속이다.

Class

  • 하나의 html문서 안에 중복해서 사용할 수 있습니다.
  • 여러 요소들을 class를 통해 그룹화시켜 제어할 수 있기때문에 전체적인 스타일, 구조를 지정하는데 class의 사용이 필수적입니다.

이후 CSS정리에서 자세히 다룰예정이기에 여기서는 간략하게 정리했습니다.

CSS에서 html id, class 사용예시

  • id는 #을 class는 .을 붙여 제어합니다.
  • id 사용 예시 <div id = "my_id"></div> 인경우
    • #my_id{}
  • class 사용 예시 <div id = "my_class"></div> 인경우
    • .my_class{}
반응형

+ Recent posts