CSS 디스플레이, 부동, 투명, 오버플로, 가시성의 여러 속성

와 같은 라인 레벨 요소를 포함할 수 있습니다. 다른 블록 레벨 요소는 라인 레벨 요소를 모두 포함할 수 있습니다.

p는 가장 일반적으로 사용되는 블록 수준 요소이며, display:block 요소 스타일은 모두 블록 수준 요소입니다. 항상 블록 형태로 표현되며, 같은 레벨의 형제 블록과 수직으로 순차적으로 배열되어 왼쪽과 오른쪽을 채운다.

2. 인라인 요소: 인라인 요소

는 인라인 요소라고도 하며, 인라인 요소 등은 일반적으로 의미 수준(semantic)에 따른 기본 요소이며 수용할 수만 있습니다. 텍스트 또는 기타 인라인 요소, 공통 인라인 요소 "a". 예를 들어 SPAN 요소, IFRAME 요소 및 요소 스타일 표시: 인라인은 모두 인라인 요소입니다. 예를 들어, 텍스트와 같은 요소는 글자 사이에 가로로 배열되어 자동으로 오른쪽 끝으로 줄바꿈됩니다.

3. 블록 요소의 특징


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


②, 높이, 줄 높이, 외부 여백 및 내부 여백을 모두 제어할 수 있습니다. 너비가 설정되지 않은 경우 너비는 기본적으로 컨테이너의 100%입니다.


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

4. 인라인 요소의 특징

①과 다른 요소는 같은 줄에 있습니다.


②, 높이, 줄 높이; 여백과 패딩은 변경할 수 없습니다.


3, 너비는 텍스트 또는 그림의 너비이며 변경할 수 없습니다.

4, 인라인 요소는 텍스트 또는 기타 인라인 요소만 수용할 수 있습니다.

인라인 요소, 다음 사항에 유의하세요.

너비 너비 설정이 잘못되었습니다.
높이 높이 설정이 유효하지 않으며 line-height를 통해 설정할 수 있습니다.
여백을 설정하세요. 왼쪽 및 오른쪽 여백만 유효하며 위쪽 및 아래쪽 여백은 유효하지 않습니다.
패딩 설정은 왼쪽 및 오른쪽 패딩에만 유효하며 상단 및 하단에는 적용되지 않습니다. 요소의 범위는 증가하지만 요소 주변의 콘텐츠는 영향을 받지 않습니다.

5. 공통 블록 요소

• blockquote - 블록 인용

• center - 가운데 정렬 블록

• dir - 디렉토리 목록

• p - 일반적으로 사용되는 블록 수준이 쉽고 CSS 레이아웃의 기본 태그

• dl - 정의 list

• fieldset – 양식 제어 그룹

• form – 대화형 양식

• h1 – 제목

• h2 – 자막

• h3 – 레벨 3 제목

• h4 – 레벨 4 제목

• h5 – 레벨 5 제목

• h6 – 레벨 6 제목

• hr – 가로 구분선

• isindex – 입력 프롬프트

• menu – 메뉴 목록

• noframes – 프레임 선택 사항 content, (이 블록 콘텐츠는 프레임을 지원하지 않는 브라우저에 표시됩니다.

• noscript - 선택적 스크립트 콘텐츠(이 콘텐츠는 스크립트를 지원하지 않는 브라우저에 표시됩니다.)

• ol - 주문 양식

• p – 단락

• pre – 서식 있는 텍스트

• table – 테이블

• ul – 순서가 지정되지 않은 목록

6. 공통 인라인 요소

• a – 앵커

• abbr – 약어

• acronym – 첫 번째 단어

• b – 굵게(권장하지 않음)

• bdo – bidi override

• big – 큰 글꼴

• br – 줄바꿈

• cite – quote

• code – 컴퓨터 코드(소스 코드를 인용할 때 필요)

• dfn – 필드 정의

• em – 강조

• 글꼴 – 글꼴 설정(권장하지 않음)

• i – 기울임꼴

• img – 이미지

• input – 입력 상자

• kbd – 키보드 텍스트 정의

• label – 테이블 라벨

• q – 짧은 따옴표

• s – 밑줄 (권장하지 않음)

• samp – 컴퓨터 코드 정의 예

• select – 프로젝트 선택

• small – 작은 글꼴 텍스트

• span – 일반적으로 사용되는 인라인 컨테이너, 텍스트 내의 블록 정의

• strike – 밑줄

• strong – 굵은 강조

• sub – 아래 첨자

• sup – 위 첨자

• textarea – 여러 줄 텍스트 입력 상자

• t t – 텔렉스 문자

• u – 밑줄

7. 인라인 요소와 블록 수준 요소의 차이점은 무엇입니까?

차이점 1:

블록 수준: 블록 수준 요소는 기본적으로 너비는 상위 요소의 너비를 자동으로 채웁니다.

인라인: 인라인 요소는 단독 라인을 차지하지 않으며 인접한 인라인 요소는 같은 줄에 배열됩니다. 내용에 따라 너비가 변경됩니다.

차이 2:

블록 수준: 블록 수준 요소는 너비와 높이를 설정할 수 있습니다

인라인: 인라인 요소는 너비와 높이를 설정할 수 없습니다

차이 3:

블록 level : 블록 수준 요소는 여백 및 패딩으로 설정할 수 있습니다.

인라인: 가로 여백-왼쪽; padding-right; 그러나 수직 margin-bottom; padding-top;은 적용되지 않습니다. 차이점 4:

블록 수준: display:block;

위 내용은 CSS 디스플레이, 부동, 투명, 오버플로, 가시성의 여러 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!