jinseon's log

✔ 마진 병합 현상 - 태그의 부모 자식 혹은 형제 관계에서 두 마진이 겹치거나 함께 사용되는 현상 ✔ 형제지간의 마진 병합 - margin-bottom과 margin-top 중 숫자가 큰 값으로 적용 ✔ 부모 자식간의 마진 병합 - 자식인 뿐만 아니라 부모인 에도 영향을 미침 => article에 margin-top 적용 시 100px만큼 위에 여백이 생김 -> main도 함께 100px만큼의 여백 생김

✔ 부모 자식 관계 1 - html은 계층 구조를 가짐 - header 안에 h1과 p태그가 있다고 말할 수도 있지만, 하위에 있다고도 할 수 있음 - : 부모 태그 - & : 자식 태그 => 와 : 부모 자식 관계 => 과 : 형제 관계 (같은 층/레벨) - 부모 자식 관계에서 각각 스타일 지정 시 작은 범위를 지정하는 자식 태그의 스타일이 우선 적용됨 - 부모 태그의 스타일만 지정 시 자식 태그도 같은 스타일이 적용됨 => 부모 태그의 CSS 속성은 자식 태그가 상속 받음 => 자식 태그의 CSS 속성은 부모 태그에 영향을 미치지 않음 ✔ 부모 자식 관계 2 - 원하는 특정 위치의 태그에만 css 속성을 적용하고자 할 경우 부모 태그를 함께 작성 => 부모태그 자식태그 { 속성 : 속성값; }

✔ HTML 태그 구성 요소 ✔ 목차 홈 전체 목록 웹사이트의 머리글을 담는 공간 (목차) 메뉴 버튼을 담는 공간 , , 와 함께 사용 (특정 버튼을 눌렀을 때 이동) ✔ 본문 ... 문서의 주요 내용을 담는 태그 IE (Internet Explorer)은 지원하지 않으므로 role="main" 속성을 필수로 입력 문서의 주요 이미지나 텍스트 등의 정보를 담고 구역을 설정하는 태그 태그 내에 구역을 대표하는 타이틀 태그가 존재해야 함 ✔ 부록 블로그 이름: jinseon's log jinseon's log 블로그 생성일: 2022-11-21 가장 하단에 들어가는 정보를 표기할 때 사용 임의의 공간을 만들 때 사용

✔ HTML (Hyper Text Markup Language) - 웹사이트에서 눈에 보이는 정보나 특정 구역을 설정할 때 사용하는 언어 ✔ HTML 태그 구성 요소 컨텐츠 태그명 HTML이 갖고 있는 고유의 기능 형태로 입력 속성 HTML 태그가 갖고 있는 추가 정보 열린태그 안에 작성 속성값 어떤 역할을 수행할지 구체적인 명령 컨텐츠 열린 태그와 닫힌 태그 사이에 있는 내용물 ✔ HTML 문서의 기본 구조 문서를 선언하는 태그 열린태그만 사용 ··· HTML 문서의 시작과 끝 모든 태그들을 안쪽에 입력 웹사이트의 요약 정보를 담는 영역 (언어, 제목 등) 웹사이트에서 노출되지 않음 UTF-8 : 유니코드 character setting의 약자를 나타내는 문자 코드 모든 문자를 웹 브라우저로 깨짐 없이..