css선택자2 CSS | 3. 선택자 요소 선택자 선택자는 복잡하고 다양한 요소들 사이에 내가 원하는 요소만 선택할 수 있게 해줍니다. 요소 선택자는 가장 기본이 되는 선택자 1h1 {color: red;}cs 그룹화쉼표를 통해 그룹화 가능합니다. 1 h1, h2, h3, h4, h5, h6 {color: red;}cs 전체선택자 : *(별표) 기호로 모든 요소 선택 1* {color: red;}cs Class 선택자 요소에 구애받지 않고 스타일 규칙을 적용 글로벌 속성이 class 속성 값을 넣고 class 선택자를 이용해 해당 요소에 스타일 규칙 적용 class 선택자는 맨 앞에 .(마침표) 추가 12.foo (font-size: 20px; } ... cs 다중클래스공백을 넣어 여러 개의 class값을 넣을 수 있다 123.foo (fo.. 2020. 12. 20. CSS | 2. 구문과 적용 방법 CSS 구문 CSS는 html 을 꾸며주는 표현용 언어입니다. 관리적인 차원에서 css의 필요성을 살펴 보겠습니다. h1 제목을 파란색으로 바꿔야 하는 경우가 생겼고 html문서가 많고 h1 태그가 많으면 하나하나 다 고치는데 많은 시간과 노력이 필요합니다. 이러한 디자인적인 부분을 css에 담아 관리 수정이 용이해집니다. css에서 h1을 찾아 한 줄만 추가한다며 모든 html의 모든 h1태그가 똑같아지기 때문이죠. css의 구조를 살펴보겠습니다.1234h1 { color: blue; font-size: 2em;}cs - 선택자 (selector) : h1 - 내용 (property) : color - 값 (value) : blue - 선언 12color: blue;font-size: 2em;cs - .. 2020. 12. 14. 이전 1 다음
