선택자 2

2. 선택자

1. 선택자란? - css 적용 타겟을 지정할 때 사용 종류 선택자 설명 사용법 일반 선택자 전체 선택자 HTML내의 모든 element를 선택 * { } 타입 선택자 태그명이 일치하는 element(태그)를 선택 h1, h2 { } 클래스 선택자 class 속성 값이 일치하는 element를 선택 .className { } ID 선택자 id 속성 값이 일치하는 element를 선택 #idName { } 복합 선택자 하위 선택자 하위 element(자손들)를 선택 E1 E2 { } 자식 선택자 직속 하위 element(자식들)를 선택 E1 > E2 { } 인접 형제 선택자 인접 형제 sibling관계인 element를 선택 E1 + E2 { } 일반 형제 선택자 sibling관계인 element들을 선택..

Programming/CSS 2022.03.12

CSS 기초

1. CSS 기초 문법 선택자(Selector) : 스타일을 적용하고자 하는 HTML 요소 2. HTML에 CSS를 적용하기 [방법1] .css 파일을 만든 후, html에 적용 css파일에 코드를 작성하고 아래의 코드를 html파일 head태그 안에 붙여준다. [방법2] html에 css코드를 작성 html파일에 head태그 안에 아래와 같이 작성한다. [방법3] 태그 속성으로 지정 태그마다 속성으로 따로 스타일을 지정해준다. html과 css가 잘 구별되지 않기 때문에 추천하지 않는다. hello 3. 선택자 1. 선택자 특징 여러 선택자는 ,를 이용하여 한번에 사용 가능 h1, p{ color : blue; } 2. 종류 1) 태그 p{ color: blue; } 2) 아이디 = HTML 문서 내에..

Programming/CSS 2021.02.08