초보자를 위한 9.5일 CSS 초급 과정 학습 요약

학습 요약
html 5

vido 태그 및 audio 태그 아래의 속성: 재생 제어 루프 루프 재생 자동 재생 자동 재생

CSS

블록 수준 요소와 인라인 요소의 차이점
1. 블록 수준 요소: 블록 요소
각 블록 수준 요소는 기본적으로 한 행의 높이를 차지합니다. 행에는 다른 요소를 추가할 수 없습니다(floating 이후를 제외하고는 float). 두 개의 블록 수준 요소를 연속적으로 편집하면 자동으로 페이지에 줄바꿈되어 표시됩니다. 블록 수준 요소는 일반적으로 블록 수준 요소 또는 인라인 요소를 중첩할 수 있습니다.
블록 수준 요소는 일반적으로 구조를 구성하는 컨테이너로 표시되지만 항상 그런 것은 아닙니다.

과 같은 일부 블록 수준 요소는 블록 수준 요소만 포함할 수 있습니다. 다른 블록 레벨 요소는

와 같은 라인 레벨 요소를 포함할 수 있습니다. 다른 블록 레벨 요소는 라인 레벨 요소를 모두 포함할 수 있습니다.
DIV는 가장 일반적으로 사용되는 블록 수준 요소이며, display:block 요소 스타일은 모두 블록 수준 요소입니다. 항상 블록 형태로 표현되며, 같은 레벨의 형제 블록과 수직으로 순차적으로 배열되어 왼쪽과 오른쪽을 채운다.

2. 인라인 요소 : 인라인 요소
는 인라인 요소, 인라인 요소 등으로도 불립니다. 인라인 요소는 일반적으로 의미 수준(semantic)에 따른 기본 요소이며 텍스트나 기타 인라인 요소만 수용할 수 있습니다. . 요소, 공통 인라인 요소 "a". 예를 들어 SPAN 요소, IFRAME 요소 및 요소 스타일 표시: 인라인은 모두 인라인 요소입니다. 예를 들어, 텍스트와 같은 요소는 글자 사이에 가로로 배열되어 자동으로 오른쪽 끝으로 줄바꿈됩니다.

3. 블록 요소의 특징
① 항상 새 줄에서 시작합니다.
② 높이, 줄 높이, 여백을 모두 제어할 수 있습니다.
③. 너비가 설정되지 않은 한 컨테이너의 100%입니다.
④ 인라인 요소와 기타 블록 요소를 수용할 수 있습니다

4. 인라인 요소의 특징
①과 다른 요소는
②, 높이, 줄 높이 등이 있습니다. 외부 여백과 내부 여백은 변경할 수 없습니다.
③ 너비는 텍스트 또는 그림의 너비이며 변경할 수 없습니다.
④ 인라인 요소는 텍스트 또는 기타 인라인 요소만 수용할 수 있습니다

맞습니다. 인라인 요소의 경우 다음
너비 너비 설정이 유효하지 않음을 유의하십시오.
높이 설정이 유효하지 않으며 줄 높이로 설정할 수 있습니다.
여백 설정은 왼쪽과 오른쪽 여백에만 유효하며 위쪽과 아래쪽에는 적용되지 않습니다.
패딩 설정은 왼쪽 및 오른쪽 패딩에만 유효하며 상단 및 하단에는 적용되지 않습니다. 요소의 범위는 증가하지만 요소 주변의 콘텐츠는 영향을 받지 않습니다.

CSS 스타일 도입 방법의 우선순위
인라인 우선순위가 가장 높습니다. 다른 도입 방법은 특정 위치에 따라 먼저 파싱되는 방법이 우선합니다

CSS 선택기

ID 선택기
CLASS 선택기
요소 선택기
하위 선택기
하위 선택기
인접 형제 선택기
와일드카드 선택기

현재 초보자 단계의 재설정 기술은 와일드카드 문자 *{}를 통해 구현됩니다.

향후에는 Reset 기술을 대체하기 위해 Normalize가 기본적으로 사용될 수도 있습니다.