前端主流布局系统进阶与实战（视频+资料）

课程介绍

课程来源于先进实用的前端主流排版系统（视频+数据）

文件目录

数据

source_code-master.zip

数据.rar

第一章课程介绍

1-3 软件安装和课件获取_.doc

1-2 常用布局展示及技术分析.mp4

1-1课程指南.mp4

1-4 CSS发展历程及CSS模块划分_.doc

第 2 章 CSS 还原 UI 设计

BOSS直接就业主页_.rar

2-6 PxCook 自动打标工具.mp4

2-10 个测试题_.doc

2-8章总结.mp4

2-4 Photoshop还原UI设计.mp4

2-3 UI设计图源文件类型_.doc

2-5 蓝湖App快速标记信息.mp4

2-2 长度单位及颜色分类_.doc

2-7 imgcook智能平台设计稿.mp4

2-1 章节介绍.mp4

2-9【练习题】测试psd_.doc中的相关CSS值

第 3 章布局中的大小和位置

3-9 定位特征的注意点.mp4

3-7 浮动功能 Note.mp4

3-6 浮动样式详细信息.mp4

第3-14章摘要.mp4

3-13 标签默认样式和clearing_.doc

3-10 显示属性详解_.doc

第3-1章介绍.mp4

3-8 定位风格详解.mp4

3-2 CSS Box Model.mp4的组成

3-3 块框和内联框.mp4

3-4 Adaptive Box Model.mp4的特点

3-15【练习】编写相应的CSS代码_.doc

3-5 标准盒模型和怪盒模型.mp4

3-11 写入方式和逻辑属性_.doc

3-12 BFC块级格式化上下文_.doc

3-16个测试题_.doc

第 4 章 Flex 布局

4-4 主轴对中细节.mp4

4-13 轮廓布局.mp4

第4-1章介绍.mp4

4-18综合案例二（识导航）.mp4

4-19章概要.mp4

4-11 flex-shrink 收缩率.mp4

4-12 flex-basis 和 flex abbreviations.mp4

4-15 粘滞页脚布局.mp4

4-14 两栏三栏布局.mp4

4-9 子项分组布局.mp4

4-20题练习题_.doc

4-6 inline and block top, bottom, left, right, center layout.mp4

4-10 flex-grow 扩展率.mp4

4-16 溢出项布局.mp4

4-7 不定项居中布局.mp4

4-5 交叉轴对齐细节.mp4

4-2 主轴和交叉轴.mp4

4-8 等分列布局.mp4

4-17综合案例1（Swiper Carousel）.mp4

4-3 换行和缩写.mp4

第五章网格布局

5-11 网格布局.mp4

5-15章总结.mp4

5-16题练习题_.doc

5-1章节介绍.mp4

5-8 repeat() 和 minmax().mp4

5-2 定义网格和fr units.mp4

5-13综合案例1（百度热词榜）.mp4

5-3 合并网格和网格名称.mp4

5-12 容器自适应行列布局.mp4

5-10种组合排列布局.mp4

5-5 网格对齐和缩写.mp4

5-14综合案例2（小米商品导航菜单）.mp4

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

5-4 Grid Gap and Abbreviations.mp4

5-17 测试题_.doc

5-7 基于行的元素放置.mp4

5-6 显式和隐式网格.mp4

第 6 章移动布局

6-16个测试题.html

6-2 移动概念和UI设计草案大小.pdf

6-9 rem案例：网易手机新闻列表实现（二）.mp4

6-14章总结.mp4

6-11大众案例：B站移动终端头部实现.mp4

6-5 测量rem值及使用plug-ins.mp4

6-3 移动端rem布局原理解析.mp4

6-13大众案例：B站手机视频列表实现.mp4

6-15【练习】测量个人中心页面的CSS值.html

6-10 Mobile vw布局及插件使用.mp4

6-12大众案例：B站移动端导航实现.mp4

6-7 rem案例：网易手机端导航实现.mp4

6-8 rem案例：网易手机新闻列表实现（一）.mp4

第6-1章介绍.mp4

6-6 rem案例：网易手机端头实现.mp4

第 7 章响应式布局

7-6 响应式交互实现.mp4

7-5 响应式网格系统.mp4

7-4 响应断点（阈值）设置.mp4

7-12 响应式案例：Blog Tail Implementation.mp4

7-7 响应式框架bootstrap.pdf

7-13章总结.mp4

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

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

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

7-2 媒体查询语法详情.mp4

7-1章节介绍.mp4

7-8 响应式案例：Blog Header Implementation.mp4

7-3 media query.mp4的书写位置和顺序

第8章综合实践Ant Design Pro管理系统

8-15 实践项目：响应式内容和菜单实现.mp4

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

8-9 实际项目：主体头尾的实现.mp4

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

8-10 实际项目：主网格布局实现.mp4

8-13 实战项目：设置模块主题颜色interaction.mp4

8-2 CSS文件划分及功能分类.pdf

8-6（3分51，7分左右背景噪音嘈杂，有人在说话）实战项目：sidebar.mp4

8-4 实际项目：框架搭建.mp4

8-12 实际工程：设置模块切换按钮实现.mp4

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

第8-1章介绍.mp4

8-3 CSS Methodology and Style Specification.pdf

8-11 实际工程：设置模块主题颜色实现.mp4

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

第 9 章课程福利补充

9-6 文字环绕布局.pdf

9-3 视觉差异布局原理解析.mp4

9-2 垂直瀑布布局-2.mp4

9-5 视觉差异布局案例实现-2.mp4

9-4 视觉差异布局案例实现-1.mp4

9-1 水平瀑布布局-1.mp4