나다이_꾸준히걷기

선택자 기본 기본 * 전체 선택자 Universal Selector : 모든 요소를 선택 ex) * { color: red; } ABC 태그 선택자 Type Selector : 태그 이름이 ABC인 요소 선택 ex) li { color: red; } .ABC 클래스 선택자 Class Selector : HTML class 속성의 값이 ABC인 요소 선택 ex) .orange { color: red; } #ABC 아이디 선택자 ID Selector : HTML id 속성의 값이 ABC인 요소 선택 ex) #orange { color: red; }

CSS 개요: 기본 문법, 주석 선택자{속성: 값;} 선택자 : 스타일(CSS)을 적용할 대상(Selector) 속성 : 스타일(CSS)의 종류(Property) 값 : 스타일(CSS)의 값(Value) --> 선택자 속성은 값이다. 선택자{속성: 값; 속성: 값;} 중괄호: 스타일 범위의 시작과 끝 ex) div { color: red;} : 태그 선택자 속성컬러는 레드이다. div { color: red; margin: 20px; } : 태그 선택자 속성컬러는 레드이고, 여백은 20px 이다. 구분을 위해 들여쓰기를 이용한다 div{ color: red; margin: 20px; } 주석 /* 설명 작성 */ div{ color: red; margin: 20px; }

HTML 기본 문법 요소(Element) : 내용 : 시작태그, 요소의내용(Contents), 종료태그 ex)Hello~~ HTML 부모와 자식 관계의 이해 : 부모 요소 내용 : 자식 요소 : 부모 요소 : 들여쓰기를 통해 자식요소와 부모요소의 구분을 시각적으로 정리 들여쓰기(Indent) : Tab 내어쓰기(Outdent) : Shift + Tab 내용 : 상위(조상) 요소란 기준을 제외한 기준을 감싸고 있는 모든 요소들(바로 윗단계인 부모 요소 부터) : 하위(후손) 요소란 기준을 제외한 기준 내부에 있는 모든 요소들(바로 아랫단계인 자식 요소 부터) 빈태그 Empty태그 ex) : 편리함! HTML 1/2/3/4/5 or : 안전함! XHTML / HTML5 :되도록 슬래쉬를 붙이도록 연습하기~ ..