본문 바로가기

웹개발관련/html,css 관련 내용

html 다중 속성 정의 예시와 class, id 차이점

html 속성의 클래스(class)와 Id 차이

클래스는 여러 요소를 함께 그룹화하는 데 사용되며, id는 단일 요소를 고유하게 식별하는 데 사용됩니다. 클래스와 id 모두 HTML 요소에 특정 스타일이나 기능을 적용하는 데 사용할 수 있습니다.

 

다중속성 정의 예시

style 속성
    color 값 글자 색을 변경해주는 속성 값
    background-color 값 해당 영역의 배경색을 변경해주는 속성 값
font-family 속성
    couier 값 해당 영역의 글자를 얇은 글씨체로 바꿔주는 태그
    verdina 값 해당 영역의 글자를 굵은 글씨체로 바꿔주는 태그
font-size 속성 
    값 단위 글자 크기를 바꿔주는 속성 값 (단위: px(절대값), %(상대값))
text-align 속성
    값은 center,left,right등으로 나뉘는 데 글자를 정렬할 때 사용하는 속성 값이다.