컨테이너 전역속성

Yunah·2025년 4월 11일

HTML/CSS

목록 보기
6/36
post-thumbnail

✏️컨테이너

콘텐츠나 레이아웃에 아무런 영향도 주지 않고, 다른 요소 여럿을 묶어 관리하기 편하게 만드는 역할
콘텐츠 내용을 구분하거나 공통적인 스타일 적용 시 사용

🔎 컨테이너 코드

  • <div> </div> : 블록 레벨 컨테이너

  • <span> </span> : 인라인 컨테이너


✏️전역 속성

모든 HTML 태그에서 공통으로 사용할 수 있는 속성

🔎주요 전역 속성

  • id : 요소에 고유한 이름을 부여
    1개의 요소당 1개의 값만 가질 수 있음

  • class : 요소를 그룹 별로 묶을 수 있는 식별자
    요소들이 같은 값을 공유하거나 1개의 요소가 2개 이상의 값을 가질 수 있음
    1개의 요소가 2개 이상의 값을 가질 경우 공백으로 구분

  • style : 요소에 적용할 CSS 스타일 선언
    상세 예제 CSS 파트에서 다시 확인

  • title : 요소의 추가 정보를 제공하는 텍스트

예시 코드 실행 결과(마우스호버 시)

profile
안녕하세요☺️

0개의 댓글