CSS 행 요소와 블록 요소의 유사점은 무엇입니까?

같은 점: 1. 행 요소와 블록 요소 모두 표시 속성을 가지며, 이는 요소가 생성해야 하는 상자 유형을 지정하는 데 사용됩니다. 2. 행 요소와 블록 요소 모두 왼쪽 및 오른쪽 가로 여백과 패딩을 설정할 수 있습니다. 가치.

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

Row 요소(인라인 요소라고도 함) 및 블록 요소는 HTML 사양의 개념입니다. 블록 요소는 일반적으로 다른 요소에 대한 컨테이너 요소이며 다른 블록 요소나 인라인 요소를 수용할 수 있습니다. 인라인 요소는 일반적으로 의미 수준에 따른 기본 요소이며 텍스트 또는 기타 인라인 요소만 수용할 수 있습니다.

블록 요소의 특성:

• 항상 새 줄 시작(고유)

• 너비, 높이, 내부 및 외부 여백을 설정할 수 있습니다.

• 너비가 수동으로 설정되지 않은 경우 너비는 기본값은 컨테이너의 100%입니다(즉, 컨테이너의 너비).

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

행 요소의 특성:

• 항상 인접한 인라인 요소와 같은 줄에 있습니다(깃털이 함께 모입니다).

• 너비와 높이 설정이 유효하지 않습니다. 가로 방향은 설정할 수 있지만 위의 세로 방향은 유효하지 않습니다.

• 기본 너비는 자체 콘텐츠의 너비입니다.

• 인라인 요소는 다른 인라인 요소나 텍스트만 담을 수 있습니다.

선 요소와 블록 요소의 유사점

1. 둘 다 요소가 생성해야 하는 상자 유형을 지정하는 표시 속성을 가지고 있습니다.

2. 왼쪽 및 오른쪽 여백과 패딩 값을 설정할 수 있습니다. ​​

블록 요소와 줄 요소의 차이점

1. 블록 요소는 항상 인라인 요소와 같은 줄에 시작됩니다. 다른 요소가 우수합니다.

2. 블록 요소는 다른 블록 요소 또는 인라인 요소를 수용할 수 있습니다. 인라인 요소는 텍스트 또는 기타 인라인 요소만 수용할 수 있습니다.

3. 블록 요소의 높이, 줄 높이, 위쪽 및 아래쪽 여백은 제어할 수 있습니다. 인라인 요소의 높이, 줄 높이, 위쪽 및 아래쪽 여백은 변경할 수 없습니다.

(위의 차이점은 CSS의 의도적인 제어를 제외한 기본 상황을 의미합니다. 즉, CSS 제어를 사용할 때 블록 요소와 인라인 요소 간의 속성 차이가 점점 작아집니다.)

더 많은 프로그래밍 관련 지식이 있으시면 프로그래밍 코스를 방문해 주세요! !

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