search

Next Section: 单列_上中下等宽布局30415 plays

5 秒后自动播放下一节
  Watch Again

Learn website layout in 30 minutes

Introduction >
ChapterCourseware
Chapter1Quick preview of website [soundtrack version]

Quickly preview the essence of website layout [soundtrack version]

02 minutes38 seconds
Chapter2Singleton layout_the simplest layout form

Single column_top, middle and bottom equal width layout

04 minutes10 seconds

Single column_width adaptive_content centered layout

04 minutes34 seconds
Chapter3Two-column layout_the most elegant layout form

Two columns_left fixed_right adaptive

03 minutes35 seconds

Two columns_fixed on the right_adaptive on the left

03 minutes30 seconds

Two columns_fixed left and right_open the parent block by itself

10 minutes06 seconds

Two columns_left and right sides_absolute positioning layout

08 minutes22 seconds
Chapter4Three-column layout_the most common layout form

Three columns_left and right fixed_middle adaptive layout

06 minutes45 seconds

Three columns_left and right absolute positioning_middle adaptive layout

07 minutes42 seconds
Chapter5Practical combat: QQ space homepage main layout

QQ space homepage layout principle

16 minutes37 seconds
  • CancelreplySending
  • Cancelpost a noteSending