>웹 프론트엔드 >CSS 튜토리얼 >div+css 웹 페이지를 레이아웃하는 방법은 무엇입니까? div+css 웹 페이지 레이아웃 방법

div+css 웹 페이지를 레이아웃하는 방법은 무엇입니까? div+css 웹 페이지 레이아웃 방법

云罗郡主
云罗郡主앞으로
2018-11-14 16:50:535889검색

이 글의 내용은 div+css 웹 페이지 레이아웃 방법에 관한 것입니다. div+css 웹 페이지 레이아웃 방법에는 특정 참조 값이 있습니다. 도움이 필요한 친구가 참조할 수 있기를 바랍니다.

div+css 레이아웃은 최신 웹페이지 레이아웃 개념으로, 기존 레이아웃 방식(예: 테이블 레이아웃)과는 완전히 다릅니다. 먼저 div 태그를 사용하여 전체 페이지에서 콘텐츠 영역을 나눈 다음 CSS를 사용하여 위치를 지정하고 마지막으로 해당 영역에 콘텐츠를 추가합니다. div+css의 레이아웃은 매우 간단하고 비교적 조작하기 쉽습니다. 다음은 css+div 레이아웃 방법을 소개합니다.

1. 다음 단계로 진행하기 전에 div를 사용하여 페이지를 나눕니다. 주로 div를 사용하여 각 콘텐츠 영역을 구분합니다. 가장 간단한 페이지 프레임을 예로 들면, 페이지는 일반적으로 배너, 메인 콘텐츠, 메뉴 메인 탐색, 페이지 하단(바닥글을 각주라고도 함) 등 여러 부분으로 구성됩니다. 각 부분은 식별을 위한 자체 ID로 구성됩니다. 그림과 같이:

div+css 웹 페이지를 레이아웃하는 방법은 무엇입니까? div+css 웹 페이지 레이아웃 방법2 각 콘텐츠 블록의 위치를 ​​디자인합니다.

#🎜🎜 #페이지 컨텐츠가 결정된 후에는 메뉴, 이중열, 좌우열 등 Night Shift의 레이아웃을 컨텐츠 자체를 기준으로 고려해야 합니다. 일반적으로 소규모 웹사이트에서는 대형 웹사이트와 일부 포털 웹사이트가 대부분 2열을 사용합니다. 왼쪽, 중간, 오른쪽에 세 개의 열을 사용하며 일반적으로 두 개의 열을 사용하는 것이 좋습니다. 콘텐츠 블록이 결정되면 CSS를 사용하여 직접 위치를 지정할 수 있습니다.

3 CSS를 사용하여 div+css 웹 페이지를 레이아웃하는 방법은 무엇입니까? div+css 웹 페이지 레이아웃 방법

페이지 프레임을 확인한 후 다음을 수행할 수 있습니다. CSS를 사용하여 정렬합니다. 디자인된 각 콘텐츠 블록을 배치한 다음 각 블록을 전체적으로 계획하고 마지막으로 콘텐츠를 추가합니다. 조판은 2개의 플로트 위치 지정, 5개의 중앙 정렬 및 1개의 클리어 플로트를 사용하여 상대적으로 간단합니다. 그림은 배너 영역에 배치하는 것이 일반적이며, 링크는 내비게이션 영역에 직접 배치하거나, ​​태그와 함께 h2 태그를 배치할 수 있습니다. 태그가 있는 태그), 사진, 콘텐츠 요약(p 태그가 태그를 적용함).

위는 div+css 웹 페이지 레이아웃 방법입니다. div+css 웹 페이지 레이아웃 방법에 대한 전체 소개입니다.

CSS3Tutorial

에 대해 자세히 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.

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

성명:
이 기사는 divcss5.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제