jinseon's log

✔ 캐스케이딩 - HTML의 요소들에 대해 CSS로 스타일을 지정해줄 때, 하나 이상의 스타일에 영향을 받을 수 있기 때문에 어떤 스타일을 적용 받을지에 대한 우선순위를 결정하는 것 ✔ CSS의 우선순위를 결정하는 요소 1) 순서 2) 디테일 3) 선택자 1️⃣ 순서에 의한 캐스케이딩 - 위에서 아래로 읽기 때문에 나중에 적용한 속성값의 우선순위가 높음 2️⃣ 디테일에 의한 캐스케이딩 - 더 구체적으로 작성된 (부모 자식 관계가 명료한) 선택자의 우선순위가 높음 3️⃣ 선택자에 의한 캐스케이딩 - 선택자도 마찬가지로 구체적인 것부터 우선 적용됨 - style > id > class > type - style : 태그 안에 작성한 만큼 가장 구체적 - id : 태그 하나만을 유일하게 지정 - class :..

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

✔ Block 요소 Hello Elice Hello Elice Hello Elice - 특정 공간을 점유 - y축 정렬 형태로 출력 (줄바꿈 현상) - 공간을 만들 수 있고, 상하 배치 작업 가능 ✔ Inline 요소 Bye Elice Bye Elice Bye Elice - x축 정렬 형태로 출력 (한 줄에 출력) - 공간을 만들 수 없고, 상하 배치 작업 불가능

✔ 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의 약자를 나타내는 문자 코드 모든 문자를 웹 브라우저로 깨짐 없이..

✔ 프로그래밍 - 컴퓨터와 소통하는 방법 (코드) - 컴퓨터에게 전달하는 정보를 어떻게 보여주고 제어할지 결정 가능 - 웹 개발을 하기 위한 언어로 브라우저와 소통 ✔ 웹을 구성하는 요소 1️⃣ HTML - 정보 또는 설계도 (글, 이미지 등) 2️⃣ CSS - 디자인 또는 스타일링 - SS를 'Style Sheet' 라고도 함 - HTML의 정보를 CSS로 디자인/서식 지정 3️⃣ JavaScript - 기능과 효과 (이미지가 위 아래로 움직이거나 화면 전환 등)