前端主流布局系统进阶与实战

第1章课程介绍(了解本课程必看)[136.30M]

1-1课程导学.mp4[63.28M]

1-2常见布局展示及技术分析.mp4[72.45M]

1-3软件安装与课件获取方式.pdf[50.69K]

1-4CSS发展史与CSS模块划分.pdf[529.59K]

第2章CSS还原UI设计[230.90M]

2-1章节简介.mp4[9.58M]

2-2长度单位与颜色分类.pdf[230.00K]

2-3UI设计图的源文件种类.pdf[309.42K]

2-4Photoshop还原UI设计.mp4[48.66M]

2-5蓝湖App快速标注信息.mp4[55.93M]

2-6PxCook自动标注工具.mp4[63.28M]

2-7imgcook设计稿智能平台.mp4[47.08M]

2-8章节总结.mp4[5.85M]

第3章布局中的尺寸与位置[629.92M]

3-1章节介绍.mp4[12.08M]

3-10详解display属性.pdf[295.09K]

3-11书写模式与逻辑属性.pdf[482.68K]

3-12BFC块级格式化上下文.pdf[156.53K]

3-13标签默认样式及清除.pdf[92.55K]

3-14章节总结.mp4[4.26M]

3-2CSS盒模型的组成.mp4[114.03M]

3-3块级盒子与内联盒子.mp4[70.15M]

3-4自适应盒模型的特性.mp4[38.74M]

3-5标准盒模型与怪异盒模.mp4[79.63M]

3-6浮动样式详解.mp4[106.75M]

3-7浮动特性注意点.mp4[53.15M]

3-8定位样式详解.mp4[88.96M]

3-9定位特性注意点.mp4[61.19M]

第4章flex弹性布局[1.25G]

4-1章节介绍.mp4[11.34M]

4-10flex-grow扩展比例.mp4[78.65M]

4-11flex-shrink收缩比例.mp4[88.18M]

4-12flex-basis及flex缩写.mp4[100.06M]

4-13等高布局.mp4[49.47M]

4-14两列与三列布局.mp4[59.30M]

4-15StickyFooter布局.mp4[32.05M]

4-16溢出项布局.mp4[44.69M]

4-17综合案例一(Swiper轮播图).mp4[157.51M]

4-18综合案例二(知乎导航).mp4[173.78M]

4-19章节总结.mp4[3.87M]

4-2主轴与交叉轴.mp4[34.26M]

4-3换行与缩写.mp4[50.04M]

4-4主轴对齐详解.mp4[48.85M]

4-5交叉轴对齐详解.mp4[88.07M]

4-6内联与块的上下左右居中布局.mp4[85.92M]

4-7不定项居中布局.mp4[58.96M]

4-8均分列布局.mp4[62.83M]

4-9子项分组布局.mp4[54.72M]

第5章grid网格布局[986.13M]

5-1章节介绍.mp4[17.79M]

5-10多种组合排列布局.mp4[34.34M]

5-11栅格布局.mp4[62.78M]

5-12容器自适应行列布局.mp4[50.57M]

5-13综合案例一(百度热词风云榜).mp4[164.75M]

5-14综合案例二(小米商品导航菜单).mp4[160.02M]

5-15章节总结.mp4[4.70M]

5-16练习题.html[9.37K]

5-17.html[2.04K]

5-2定义网格及fr单位.mp4[62.00M]

5-3合并网格及网格命名.mp4[62.47M]

5-4网格间隙及简写.mp4[44.00M]

5-5网格对齐方式及简写.mp4[59.89M]

5-7基于线的元素放置.mp4[114.94M]

5-8repeat()与minmax().mp4[91.00M]

5-9比定位更方便的叠加布局.mp4[56.87M]

第6章移动端适配布局[0.98G]

6-1章节介绍.mp4[17.77M]

6-10移动端vw布局及插件使用.mp4[41.62M]

6-11vw案例：B站移动端头部实现.mp4[102.75M]

6-12vw案例：B站移动端导航实现.mp4[122.27M]

6-13vw案例：B站移动端视频列表实现.mp4[144.14M]

6-14章节总结.mp4[6.37M]

6-15【练习题】测量个人中心页的css数值.html[2.19K]

6-16测试题.html[1.87K]

6-2移动端概念及UI设计稿尺寸.pdf[195.05K]

6-3移动端rem布局原理解析.mp4[43.89M]

6-5测量rem数值及插件使用.mp4[81.48M]

6-6rem案例：网易移动端头部实现.mp4[97.24M]

6-7rem案例：网易移动端导航实现.mp4[124.40M]

6-8rem案例：网易移动端新闻列表实现(1).mp4[74.95M]

6-9rem案例：网易移动端新闻列表实现(2).mp4[146.05M]

第7章响应式布局[877.14M]

7-1章节介绍.mp4[16.21M]

7-10响应式案例：博客文章列表实现.mp4[155.09M]

7-11响应式案例：博客辅助列表实现.mp4[113.48M]

7-12响应式案例：博客尾部实现.mp4[99.69M]

7-13章节总结.mp4[4.96M]

7-2媒体查询语法详解.mp4[89.58M]

7-3媒体查询的编写位置及顺序.mp4[62.21M]

7-4响应断点(阈值)的设定.mp4[51.26M]

7-5响应式栅格系统.mp4[81.13M]

7-6响应式交互实现.mp4[49.35M]

7-7响应式框架bootstrap.pdf[128.77K]

7-8响应式案例：博客头部实现.mp4[46.91M]

7-9响应式案例：博客导航实现.mp4[107.13M]

第8章综合实战AntDesignPro管理系统[1.14G]

8-10实战项目：主体网格布局实现.mp4[125.37M]

8-11实战项目：设置模块主题色实现.mp4[148.20M]

8-12实战项目：设置模块切换按钮实现.mp4[55.61M]

8-13实战项目：设置模块主题色交互.mp4[80.88M]

8-14实战项目：设置模块切换按钮交互.mp4[147.84M]

8-15实战项目：响应式内容及菜单实现.mp4[162.23M]

8-1章节介绍.mp4[7.43M]

8-2CSS文件划分及功能分类.pdf[119.18K]

8-3CSS方法论及样式规范.pdf[113.36K]

8-4实战项目：框架搭建.mp4[83.32M]

8-5实战项目：侧边栏结构编写.mp4[59.06M]

8-6(3分51，7分左右背景音嘈杂，有人说话)实战项目：侧边栏.mp4[95.04M]

8-7实战项目：侧边栏列表交互.mp4[60.61M]

8-8实战项目：侧边栏折叠交互.mp4[63.60M]

8-9实战项目：主体头部尾部实现.mp4[82.14M]

资料.rar[34.21M]