簡介:CSS布局內(nèi)容屬于前端初級內(nèi)容,但對于缺乏實(shí)戰(zhàn)經(jīng)驗(yàn)的人仍然是不小的挑戰(zhàn)。本課程從布局的概念開始講起,由淺入深全面帶你學(xué)習(xí) CSS 的主流布局。主要有居中布局、多列布局以及全屏布局三種開發(fā)必會的布局方案,分別講解三種布局方案的N種布局情況,每一種情況又分別提供幾種不同的主流解決方案,讓你真正的做到學(xué)以致用,解決工作中遇到的布局問題。
第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章 圣杯布局
本章主要講解圣杯布局的由來、實(shí)現(xiàn)方式以及優(yōu)點(diǎn)與缺點(diǎn)
第8章 雙飛翼布局
本章主要講解雙飛翼布局的由來、實(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)屬性