>  기사  >  웹 페이지 레이아웃의 세 가지 방법은 무엇입니까?

웹 페이지 레이아웃의 세 가지 방법은 무엇입니까?

PHPz
PHPz원래의
2020-09-25 16:05:5122039검색

웹 페이지 레이아웃의 세 가지 방법은 다음과 같습니다: 1. 표준 문서 흐름 2. 부동 3. 절대 위치 지정. 그중 절대 위치 지정은 표준 문서 흐름과 완전히 분리되어 포함 블록을 기반으로 위치 지정을 설정하며 오프셋 속성과 z-index 속성을 갖습니다. ㅋㅋㅋ 1. 위에서 아래로 왼쪽부터 (블록 수준 요소 [div, ul, li, dl, dt, p] 및 행 수준 요소 [hanging plate, img, Strong, input])

2 박스 모델

웹 페이지 레이아웃의 세 가지 방법은 무엇입니까?1) 박스 모델 속성:

테두리,

내부 여백 패딩 [(상단, 오른쪽, 하단, 왼쪽) (상단, 왼쪽, 오른쪽, 하단) (상단, 하단, 왼쪽)], 외부 여백 [(상단, 오른쪽, 하단, 왼쪽) ) (위, 왼쪽 및 오른쪽, 아래) (위 및 아래, 왼쪽 및 오른쪽)]. 3. Box 3D 모델 1) Box 3D 모델 레벨

2, content+padding

4, background-color; ; 4. 상자 모델 크기는 테두리 + 외부 여백 + 내부 여백 + 상자의 중간 내용 크기와 같습니다.

2: float float

float: 왼쪽, 오른쪽, 없음

clear float:

1. 모두; (일반적으로 바로 뒤의 부동 요소를 지우는 데 사용됨)

2. 너비 설정: 1000%(고정 너비) + 오버플로: 숨김: (상위 항목에 빠른 축소가 포함된 경우) , Clear 사용: 둘 다 방법이 유효하지 않습니다. 일반적으로 부동 소수점을 지우는 두 번째 방법을 사용합니다.)

3: 절대 위치 지정

1 정적 위치 지정 2 상대 위치 지정 3 절대 위치 지정

위 내용은 웹 페이지 레이아웃의 세 가지 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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