>  기사  >  웹 프론트엔드  >  CSS의 블록 수준 요소는 무엇입니까

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

王林
王林원래의
2020-11-23 12:03:183991검색

CSS의 블록 수준 요소는 블록 요소를 나타내며 해당 인라인 요소는 HTML 사양의 개념입니다. 1. 항상 새 줄에서 시작합니다. 2. 줄 높이, 높이 및 여백은 다음과 같습니다. 3. 인라인 요소와 기타 블록 요소를 수용할 수 있습니다.

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

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

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

블록 수준 요소 소개:

Block 요소는 블록 요소(block 요소)라고도 하며 그에 대응하는 요소는 인라인 요소(inline 요소)입니다. 이는 사양의 HTML 개념입니다. 블록 요소와 인라인 요소의 기본적인 차이점은 블록 요소는 일반적으로 새 줄에서 시작하고 인접한 블록 수준 요소는 다른 줄에 표시된다는 것입니다. CSS 컨트롤이 추가되면 블록 요소와 인라인 요소 간의 이러한 속성 차이는 더 이상 차이가 되지 않습니다.

예를 들어 인라인 요소에 display:block과 같은 속성을 추가하면 매번 새 줄에서 시작하는 속성도 갖게 됩니다. 즉, 블록 요소가 됩니다. display:inline과 같은 속성을 블록 요소에 추가하여 한 줄에 정렬합니다.

블록 요소의 특징

1. 항상 새 줄에서 시작합니다.

2. 높이, 줄 높이, 여백 및 패딩을 모두 제어할 수 있습니다.

3 너비가 아닌 경우 기본 너비는 100입니다. 지정됩니다.

4. 인라인 요소 및 기타 블록 요소를 수용할 수 있습니다.

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

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

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