Html/Css. id, class

kimkim·2025년 1월 22일
0

기본 엘리먼트 파악하기

  • a태그에 href="" 속성을 주는 것처럼 기본 태그들 중 여는 태그에 속성을 줄 수 있다.

id

  • 태그에 주는 별명
  • id=""로 시작하며 여는 태그 앞에 들어간다.
  • #으로 id를 css로 부를 수 있다.
    • <div id="a"> > #a
  • id가 숫자로는 안된다.
  • 한번 사용하게 되면 다른 id와 겹치게 사용해서는 안된다
    • <div id="a"> , <nav id="a"> 불가
  • id에는 하나의 별명만 들어갈 수 있다

class

  • 태그에 주는 별명
  • class=""로 시작하며 여는 태그 앞에 들어간다.
  • .으로 id를 css로 부를 수 있다.
    • <div class="a"> > .a
  • id와 달리 다른 태그에서 중복으로 사용할 수 있다.
  • class에는 여러 별명들이 들어갈 수 있다 , 구분 없이 사용한다.
    • <div class="a b">
  • .a.c : a클래스와 c클래스 둘다 별명을 가지고 있는 태그
  • .a .c : a클래스 후손 중에 c클래스를 가지고 있는 태그
  • div.c : div태그 중에 c클래스를 가지고 있는 태그

0개의 댓글