Learn website layout in 30 minutes

• Chapter1 Quick preview of website [soundtrack version]
• 1-1 Quickly preview the essence of website layout [soundtrack version]
• Chapter2 Singleton layout_the simplest layout form
• 2-1 Single column_top, middle and bottom equal width layout
• 2-2 Single column_width adaptive_content centered layout
• Chapter3 Two-column layout_the most elegant layout form
• 3-1 Two columns_left fixed_right adaptive
• 3-2 Two columns_fixed on the right_adaptive on the left
• 3-3 Two columns_fixed left and right_open the parent block by itself
• 3-4 Two columns_left and right sides_absolute positioning layout
• Chapter4 Three-column layout_the most common layout form
• 4-1 Three columns_left and right fixed_middle adaptive layout
• 4-2 Three columns_left and right absolute positioning_middle adaptive layout
• Chapter5 Practical combat: QQ space homepage main layout
• 5-1 QQ space homepage layout principle