簡(jiǎn)介：CSS布局內(nèi)容屬于前端初級(jí)內(nèi)容，但對(duì)于缺乏實(shí)戰(zhàn)經(jīng)驗(yàn)的人仍然是不小的挑戰(zhàn)。本課程從布局的概念開(kāi)始講起，由淺入深全面帶你學(xué)習(xí) CSS 的主流布局。主要有居中布局、多列布局以及全屏布局三種開(kāi)發(fā)必會(huì)的布局方案，分別講解三種布局方案的N種布局情況，每一種情況又分別提供幾種不同的主流解決方案，讓你真正的做到學(xué)以致用，解決工作中遇到的布局問(wèn)題。
第2章 水平居中布局
本章從水平居中布局概念入手，主要講解三種解決方案實(shí)現(xiàn)水平居中布局以及三種解決方案的優(yōu)點(diǎn)與缺點(diǎn)
- 視頻： 2-1 什么是居中布局 (02:45)
- 視頻： 2-2 什么是水平居中布局 (02:51)
- 視頻： 2-3 水平居中布局的第一種解決方案 (09:07)
- 視頻： 2-4 水平居中布局的第一種解決方案優(yōu)點(diǎn)與缺點(diǎn) (04:41)
- 視頻： 2-5 水平居中布局的第二種解決方案 (07:02)
- 視頻： 2-6 水平居中布局的第二種解決方案優(yōu)點(diǎn)與缺點(diǎn) (04:17)
- 視頻： 2-7 水平居中布局的第三種解決方案 (07:53)
- 視頻： 2-8 水平居中布局的第三種解決方案優(yōu)點(diǎn)與缺點(diǎn) (02:20)
第3章 垂直居中布局
本章從垂直居中布局概念入手，主要講解兩種解決方案實(shí)現(xiàn)垂直居中布局以及兩種解決方案的優(yōu)點(diǎn)與缺點(diǎn)
第4章 居中布局
本章從居中布局概念入手，主要講解兩種解決方案實(shí)現(xiàn)居中布局以及兩種解決方案的優(yōu)點(diǎn)與缺點(diǎn)
第5章 兩列布局
本章從兩列布局概念入手，主要講解四種解決方案實(shí)現(xiàn)兩列布局以及四種解決方案的優(yōu)點(diǎn)與缺點(diǎn)
- 視頻： 5-1 什么是多列布局 (06:12)
- 視頻： 5-2 什么是兩列布局 (02:29)
- 視頻： 5-3 兩列布局的第一種解決方案 (07:27)
- 視頻： 5-4 兩列布局的第一種解決方案優(yōu)點(diǎn)與缺點(diǎn) (06:18)
- 視頻： 5-5 兩列布局的第一種解決方案的優(yōu)化版 (12:58)
- 視頻： 5-6 兩列布局的第二種解決方案 (04:45)
- 視頻： 5-7 兩列布局的第二種解決方案優(yōu)點(diǎn)與缺點(diǎn) (03:21)
- 視頻： 5-8 兩列布局的第三種解決方案 (06:32)
- 視頻： 5-9 兩列布局的第三種解決方案優(yōu)點(diǎn)與缺點(diǎn) (03:07)
第6章 三列布局
本章從三列布局概念入手，主要講解四種解決方案實(shí)現(xiàn)三列布局以及四種解決方案的優(yōu)點(diǎn)與缺點(diǎn)
第7章 圣杯布局
本章主要講解圣杯布局的由來(lái)、實(shí)現(xiàn)方式以及優(yōu)點(diǎn)與缺點(diǎn)
第8章 雙飛翼布局
本章主要講解雙飛翼布局的由來(lái)、實(shí)現(xiàn)方式以及優(yōu)點(diǎn)與缺點(diǎn)
第9章 等分布局
本章從等分布局概念入手，主要講解兩種解決方案實(shí)現(xiàn)等分布局以及兩種解決方案的優(yōu)點(diǎn)與缺點(diǎn)
第10章 等高布局
本章從等高布局概念入手，主要講解兩種解決方案實(shí)現(xiàn)等高布局以及兩種解決方案的優(yōu)點(diǎn)與缺點(diǎn)
第11章 CSS3 多列布局
本章從CSS3多列布局的概念入手，主要講解CSS3多列布局的相關(guān)屬性
第13章 總結(jié)
總結(jié)所講主流布局的分類(lèi)及方案，擴(kuò)展工作中的經(jīng)驗(yàn)分享
