实现精美页面是前端工程师的核心能力之一,CSS布局技术是实现精美页面的核心技术,但CSS布局好入门,难精通。本课将围绕前端4大主流布局,通过大量的实际案例,带你边学习,边实操,让你系统掌握CSS布局进阶技术,轻松解决各种精美页面布局难题。
资源文件列表:
└─ 【imooc-527】前端主流布局系统进阶与实战,轻松解决页面布局难题 ->
├─ 第08章 综合实战 Ant Design Pro 管理系统 ->
├─ 8-9 实战项目:主体头部尾部实现.mp4 - 82.14 MB
├─ 8-8 实战项目:侧边栏折叠交互.mp4 - 63.6 MB
├─ 8-7 实战项目:侧边栏列表交互.mp4 - 60.61 MB
├─ 8-6 实战项目:侧边栏.mp4 - 95.04 MB
├─ 8-5 实战项目:侧边栏结构编写.mp4 - 59.06 MB
├─ 8-4 实战项目:框架搭建.mp4 - 83.32 MB
├─ 8-3 CSS方法论及样式规范.pdf - 113.36 KB
└─ 8-2 CSS文件划分及功能分类.pdf - 119.18 KB
├─ 第07章 响应式布局 ->
├─ 7-9 响应式案例:博客导航实现.mp4 - 107.13 MB
├─ 7-8 响应式案例:博客头部实现.mp4 - 46.91 MB
├─ 7-7 响应式框架bootstrap.pdf - 128.77 KB
├─ 7-6 响应式交互实现.mp4 - 49.35 MB
├─ 7-5 响应式栅格系统.mp4 - 81.13 MB
├─ 7-4 响应断点(阈值)的设定.mp4 - 51.26 MB
├─ 7-3 媒体查询的编写位置及顺序.mp4 - 62.21 MB
└─ 7-2 媒体查询语法详解.mp4 - 89.58 MB
├─ 第06章 移动端适配布局 ->
├─ 6-9 rem案例:网易移动端新闻列表实现(2).mp4 - 146.05 MB
├─ 6-8 rem案例:网易移动端新闻列表实现(1).mp4 - 74.95 MB
├─ 6-7 rem案例:网易移动端导航实现.mp4 - 124.4 MB
├─ 6-6 rem案例:网易移动端头部实现.mp4 - 97.24 MB
├─ 6-5 测量rem数值及插件使用.mp4 - 81.48 MB
├─ 6-4动态计算font-size.mp4 - 40.31 MB
├─ 6-3 移动端rem布局原理解析.mp4 - 43.89 MB
└─ 6-2 移动端概念及UI设计稿尺寸.pdf - 195.05 KB
├─ 第05章 grid网格布局 ->
├─ 5-9 比定位更方便的叠加布局.mp4 - 56.87 MB
├─ 5-8 repeat()与minmax().mp4 - 91 MB
├─ 5-7 基于线的元素放置.mp4 - 114.94 MB
├─ 5-6显式网格与隐式网格.mp4 - 59.72 MB
├─ 5-5 网格对齐方式及简写.mp4 - 59.89 MB
├─ 5-4 网格间隙及简写.mp4 - 44 MB
├─ 5-3 合并网格及网格命名.mp4 - 62.47 MB
└─ 5-2 定义网格及fr单位.mp4 - 62 MB
├─ 第04章 flex弹性布局 ->
├─ 4-9 子项分组布局.mp4 - 54.72 MB
├─ 4-8 均分列布局.mp4 - 62.83 MB
├─ 4-7 不定项居中布局.mp4 - 58.96 MB
├─ 4-6 内联与块的上下左右居中布局.mp4 - 85.92 MB
├─ 4-5 交叉轴对齐详解.mp4 - 88.07 MB
├─ 4-4 主轴对齐详解.mp4 - 48.85 MB
├─ 4-3 换行与缩写.mp4 - 50.04 MB
└─ 4-2 主轴与交叉轴.mp4 - 34.26 MB
微信视频投屏:
1、在手机端微信中会拦截投屏功能,需要首先点击视频页面右上角“...”图标,选择“在浏览器中打开”,在列表中选取具备投屏功能的浏览器,推荐使用QQ浏览器
2、在新打开的浏览器视频页面里,点击播放按钮,可在视频框右上角看到一个“TV”投屏小图标,只要电视和手机在同一WiFi环境下,点击按钮即刻享受大屏观感!
本站资源声明:
1、如需免费下载云盘资源,请先点击页面右上角的“登录”按钮,注册并登录您的账号后即可查看到网盘资源下载地址;
2、本站所有资源信息均由网络爬虫自动抓取,以非人工方式自动筛选长效资源并更新发布,资源内容只作交流和学习使用,本站不储存、复制、传播任何文件,其资源的有效性和安全性需要您自行判断;
3、本站高度重视知识产权保护,如有侵犯您的合法权益或违法违规,请立即向网盘官方举报反馈,并提供相关有效书面证明与侵权页面链接联系我们处理;
4、作为非盈利性质网站,仅提供网络资源的免费搜索和检测服务,无需额外支付其他任何费用,学习和交流的同时请小心防范网络诈骗。