>  기사  >  웹 프론트엔드  >  CSS의 일반적인 블록 요소는 무엇입니까?

CSS의 일반적인 블록 요소는 무엇입니까?

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-04-20 18:15:435601검색

CSS 블록 요소에는 address, blockquote, dir, div, dl, form, hr, ol, p, pre, table, ul, caption, dd, fieldset, li, legend, noframes, noscript, h1–h6 등이 포함됩니다. .

CSS의 일반적인 블록 요소는 무엇입니까?

이 튜토리얼의 운영 환경: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.