WEB/CSS2 [CSS] 선택자 (Selector) 선택자 조합 CSS에서 스타일을 선언할 때는 여러 선택자를 조합하거나 그룹 지어서 선언할 수 있다. /* 요소와 class 속성의 조합 */ /* class 속성이 bar인 요소에 해당 스타일 적용 */ p.bar { ... } /* 다중 class 속성 조합 */ /* class 속성이 foo이면서 bar인 요소에 해당 스타일 적용 */ .foo.bar { ... } /* id와 class 속성의 조합 */ /* id 속성이 foo이고 class 속성이 bar인 요소에 해당 스타일 적용 */ #foo.bar { ... } /* 여러 선택자 그룹 */ /* , , 요소에 해당 스타일 적용 */ h1, span, div { ... } 속성 선택자 1) 단순 속성으로 선택 속성 선택자는 대괄호를 이용해서 .. 2023. 1. 7. [CSS] 문법과 적용 CSS는 HTML 요소를 꾸며주는 역할을 한다. CSS는 꾸밀 대상이 되는 요소와 해당 요소의 스타일에 대한 내용으로 이루어져 있다. CSS 문법 h1 { color: yellow; font-size:2em; } 용어 설명 선택자(selector) : 꾸밀 대상이 되는 HTML 요소 (ex. h1) 속성(property) : 스타일 속성 (ex. color) 값(value) : 스타일 속성값 (ex. yellow) 선언(declaration) : 속성 + 값 (ex. color: yellow, font-size: 2em) 선언부(declaration block) : 선언의 묶음 (ex. { color: yellow; font-size: 2em; }) 규칙(rule set) : 선택자 + 선언부 (ex. .. 2023. 1. 7. 이전 1 다음