前端主流布局系統(tǒng)進(jìn)階與實(shí)戰(zhàn)
第1章課程介紹(了解本課程必看)
1-1課程導(dǎo)學(xué).mp4
1-2常見布局展示及技術(shù)分析.mp4
第2章CSS還原UI設(shè)計(jì)
2-1章節(jié)簡介.mp4
2-4Photoshop還原UI設(shè)計(jì).mp4
2-5藍(lán)湖App快速標(biāo)注信息.mp4
2-6PxCook自動標(biāo)注工具.mp4
2-7imgcook設(shè)計(jì)稿智能平臺.mp4
2-8章節(jié)總結(jié).mp4
第3章布局中的尺寸與位置
3-14章節(jié)總結(jié).mp4
3-1章節(jié)介紹.mp4
3-2CSS盒模型的組成.mp4
3-3塊級盒子與內(nèi)聯(lián)盒子.mp4
3-4自適應(yīng)盒模型的特性.mp4
3-5標(biāo)準(zhǔn)盒模型與怪異盒模.mp4
3-6浮動樣式詳解.mp4
3-7浮動特性注意點(diǎn).mp4
3-8定位樣式詳解.mp4
3-9定位特性注意點(diǎn).mp4
第4章flex彈性布局
4-1章節(jié)介紹.mp4
4-2主軸與交叉軸.mp4
4-3換行與縮寫.mp4
4-4主軸對齊詳解.mp4
4-5交叉軸對齊詳解.mp4
4-6內(nèi)聯(lián)與塊的上下左右居中布局.mp4
4-7不定項(xiàng)居中布局.mp4
4-8均分列布局.mp4
4-9子項(xiàng)分組布局.mp4
。。。。。。
第5章grid網(wǎng)格布局
5-1章節(jié)介紹.mp4
5-2定義網(wǎng)格及fr單位.mp4
5-3合并網(wǎng)格及網(wǎng)格命名.mp4
5-4網(wǎng)格間隙及簡寫.mp4
5-5網(wǎng)格對齊方式及簡寫.mp4
5-7基于會線的元素放置.mp4
5-8repeat()與minmax().mp4
5-9比定位更方便的迭加布局.mp4
.....
第6章移動端適配布局
6-1章節(jié)介紹.mp4
6-3移動端rem布局原理解析.mp4
6-5測量rem數(shù)值及插件使用.mp4
6-6rem案例:網(wǎng)易移動端頭部實(shí)現(xiàn).mp4
6-7rem案例:網(wǎng)易移動端導(dǎo)航實(shí)現(xiàn).mp4
6-8rem案例:網(wǎng)易移動端新聞列表實(shí)現(xiàn)(1).mp4
6-9rem案例:網(wǎng)易移動端新聞列表實(shí)現(xiàn)(2).mp4
......
資料代碼