CSS 블록 수준 요소의 정의는 무엇입니까? CSS 블록 수준 요소는 무엇입니까?-CSS 튜토리얼-php.cn

CSS 블록 수준 요소의 정의는 무엇입니까? CSS 블록 수준 요소는 무엇입니까?

不言

풀어 주다： 2018-09-04 16:10:27

원래의

7027명이 탐색했습니다.

CSS 블록 수준 요소란 무엇입니까? CSS를 이제 막 배운 친구들은 이 문제를 잘 이해하지 못할 수도 있습니다. 그래서 이번 글에서는 css 블록 수준 요소의 정의와 CSS 블록 수준 요소가 무엇인지 소개하겠습니다.

CSS 블록 수준 요소의 정의

W3C 설명에 따르면 블록(블록 수준) 요소가 전용 라인에 표시된다는 의미입니다. 해당 형제 요소는 문서 흐름에서 벗어나지 않는 한 같은 줄에 있어서는 안 됩니다. 실제로 일반인의 관점에서 보면 블록 요소는 일반적으로 다른 요소에 대한 컨테이너 요소이며 다른 블록 요소나 인라인 요소를 수용할 수 있습니다. 가장 일반적인 요소는 P와 div입니다. 간단히 말해서 블록 요소는 다른 4개의 사각형을 담을 수 있고 페이지의 어느 곳에나 표시될 수 있는 4개의 사각형 상자와 같습니다.

위의 CSS 블록 수준 요소 정의를 여전히 이해하지 못한다면 CSS 블록 수준 요소의 세 가지 특성을 살펴보겠습니다.

1. 각 블록 수준 요소는 자체 라인을 차지하며, 다음 요소도 있습니다. 새 줄만 시작할 수 있으며 두 요소는 같은 줄을 공유할 수 없습니다.

2. 요소의 높이, 너비, 줄 높이, 위쪽 및 아래쪽 여백을 설정할 수 있습니다.

3. 요소의 너비가 설정되지 않은 경우 기본값은 상위 요소의 너비입니다.

이 세 가지 CSS 블록 수준 요소의 특성을 읽은 후 이제 CSS 요소에 대해 더 잘 이해하게 되었습니다. 그러면 CSS 블록 수준 요소가 무엇인지 살펴보겠습니다.

CSS 블록 수준 요소란 무엇입니까?

공통 CSS 블록 수준 요소:

주소: 주소.
blockquote: 블록 인용.
center: 블록을 중앙에 정렬합니다.
dir: 디렉토리 목록.
div: 일반적으로 사용되는 블록 레벨이며 CSS 레이아웃의 기본 태그이기도 합니다.
dl: 정의 목록.
fieldset: 양식 제어 그룹.
양식: 대화형 양식입니다.
h1–h6: 제목.
hr: 가로 구분선.
isindex: 입력 프롬프트.

메뉴: 메뉴 목록.
noframes: 프레임 선택적 콘텐츠(이 블록 콘텐츠는 프레임을 지원하지 않는 브라우저에 표시됩니다).
noscript: 선택적 스크립트 콘텐츠(스크립트를 지원하지 않는 브라우저에 표시됨).
ol: 질서정연한 형태.
p: 단락.
pre: 서식이 지정된 텍스트입니다.
테이블: 테이블.
ul: 순서가 지정되지 않은 목록입니다.

CSS 블록 수준 요소에 대한 소개입니다. 다음 글에서는 CSS 인라인 요소란 무엇인가요? CSS 블록 수준 요소와 인라인 요소의 차이점.