CSS 블록 요소에는 address, blockquote, dir, div, dl, form, hr, ol, p, pre, table, ul, caption, dd, fieldset, li, legend, noframes, noscript, h1–h6 등이 포함됩니다. .
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
CSS 블록 수준 요소의 정의
W3C 설명에 따르면 블록(블록 수준) 요소가 자신의 줄에 표시된다는 의미입니다. 해당 형제 요소는 문서 흐름에서 벗어나지 않는 한 같은 줄에 있어서는 안 됩니다. 실제로 일반인의 관점에서 보면 블록 요소는 일반적으로 다른 요소에 대한 컨테이너 요소이며 다른 블록 요소나 인라인 요소를 수용할 수 있습니다. 가장 일반적인 요소는 P와 div입니다. 간단히 말해서 블록 요소는 다른 4개의 사각형을 담을 수 있고 페이지의 어느 곳에나 표시될 수 있는 4개의 사각형 상자와 같습니다.
위의 CSS 블록 수준 요소 정의를 여전히 이해하지 못한다면 CSS 블록 수준 요소의 세 가지 특징을 살펴보겠습니다.
각 블록 수준 요소는 자체 라인을 차지하며, 다음 요소도 있습니다. 새 줄만 시작할 수 있으며 두 요소는 같은 줄을 공유할 수 없습니다.
요소의 높이, 너비, 줄 높이, 위쪽 및 아래쪽 여백을 설정할 수 있습니다.
요소의 너비가 설정되지 않은 경우 기본값은 상위 요소의 너비입니다.
이 세 가지 CSS 블록 수준 요소의 특징을 읽은 후에는 CSS 요소에 대해 더 잘 이해할 차례입니다. 그러면 CSS 블록 수준 요소가 무엇인지 살펴보겠습니다.
공통 CSS 블록 수준 요소:
주소: 주소.
blockquote: 블록 인용.
center: 정렬된 블록을 들어올립니다.
dir: 디렉토리 목록.
div: 일반적으로 사용되는 블록 레벨이며 CSSlayout의 기본 태그이기도 합니다.
dl: 정의 목록.
fieldset: 양식 제어 그룹.
형태: 대화형 양식.
h1–h6: 제목.
시간: 가로 구분선.
isindex: 입력 프롬프트. 메뉴: 메뉴 목록.
noframes: 프레임 선택적 콘텐츠(이 블록 콘텐츠는 프레임을 지원하지 않는 브라우저에 표시됩니다).
noscript: 선택적 스크립트 콘텐츠(스크립트를 지원하지 않는 브라우저에 표시됨).
ol: 주문양식.
p: 단락.
pre: 서식이 지정된 텍스트입니다.
테이블: 테이블.
ul: 순서가 지정되지 않은 목록입니다.
추천 학습: css 비디오 튜토리얼
위 내용은 CSS의 일반적인 블록 요소는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!