> 웹 프론트엔드 > CSS 튜토리얼 > 일반적인 CSS 블록 수준 요소는 무엇입니까?

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

王林
풀어 주다: 2020-11-12 15:45:31
앞으로
4291명이 탐색했습니다.

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

CSS 블록 수준 요소 소개:

(동영상 공유 학습: css 동영상 튜토리얼)

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

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

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

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

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

공통 CSS 블록 수준 요소:

address : 地址。
blockquote:块引用。
center:举中对齐块。
dir:目录列表。
div: 常用块级容易,也是CSS layout的主要标签。
dl:定义列表。
fieldset:form控制组。
form:交互表单。
h1– h6:标题。
hr:水平分隔线。
isindex :input prompt。    
menu:菜单列表。
noframes:frames可选内容,(对于不支持frame的浏览器显示此区块内容)。
noscript :可选脚本内容(对于不支持script的浏览器显示此内容)。
ol:有序表单。
p: 段落。
pre:格式化文本。
table:表格。
ul:无序列表。
로그인 후 복사

관련 권장 사항: CSS 튜토리얼

위 내용은 일반적인 CSS 블록 수준 요소는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:gxlcms.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿