[HTML/CSS] id, class

2022. 8. 26. 14:38·HTML, CSS

id는 각 요소(태그)에 대해 유일한 식별자(unique identifier)이다.

무조건 하나의 요소에 하나의 id만이 쓸 수 있다. 주민등록번호처럼 말이다.

그런데 이 경우 중복이 안되다 보니 똑같은 속성을 부여해야할 때 코드가 길어질 수 있다.

이때 쓰는 것이 class이다. 하나의 요소에 대해서 여러개의 class를 가져도 상관없고,

여러개의 요소가 하나의 class를 공유해도 상관없다.

그래서 대부분 class의 사용빈도가 높고, 특정 요소만 지정하고 싶을 때만 id를 쓴다고 생각하면된다.

class를 활용해서 보다 효율적으로 코드를 만들어봐야겠다.

'HTML, CSS' 카테고리의 다른 글

[HTML/CSS] Transition, Transformation, Animation  (0) 2022.08.29
[HTML/CSS] Position, Pseudo Selectors, States  (0) 2022.08.29
[HTML/CSS] Flexbox  (0) 2022.08.27
[HTML/CSS] margin, padding, border  (0) 2022.08.26
[HTML/CSS] block에서 inline으로 속성바꾸기  (0) 2022.08.26
'HTML, CSS' 카테고리의 다른 글
  • [HTML/CSS] Position, Pseudo Selectors, States
  • [HTML/CSS] Flexbox
  • [HTML/CSS] margin, padding, border
  • [HTML/CSS] block에서 inline으로 속성바꾸기
youjeong_choi
youjeong_choi
  • youjeong_choi
    youjeong
    youjeong_choi
  • 전체
    오늘
    어제
    • 분류 전체보기 (101)
      • HTML, CSS (7)
      • JavaScript (19)
        • 모던 자바스크립트 딥다이브 (4)
      • ReactJS (17)
      • TIL (15)
      • WIL (17)
      • 알고리즘 (17)
      • 네트워크 (5)
      • Vue (4)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    자바스크립트
    혼공스
    항해99리액트
    피니아
    알고리즘 문제
    익명 함수
    알고리즘
    파이썬
    리액트 라이프 사이클
    선언적 함수
    항해99
    항해99주특기리액트
    무한렌더링
    모던자바스크립트딥다이브
    리액트 라우트
    리액트
    항해99리액트숙련주차
    항해99 실전프로젝트
    항해99주특기
    항해99 주특기
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
youjeong_choi
[HTML/CSS] id, class
상단으로

티스토리툴바