墨客网-前端主流布局系统进阶与实战 (6章)

资源简介

实现精美页面是前端工程师的核心能力之一,CSS布局技术是实现精美页面的核心技术,但CSS布局好入门,难精通。本课将围绕前端4大主流布局,通过大量的实际案例,带你边学习,边实操,让你系统掌握CSS布局进阶技术,轻松解决各种精美页面布局难题。

《墨客网-前端主流布局系统进阶与实战 (6章)》

资源目录

\068-527-前端主流布局系统进阶与实战
├第1章课程介绍(了解本课程必看)
│  ├1-1课程导学.mp4
│  ├1-2常见布局展示及技术分析.mp4
├第2章CSS还原UI设计
│  ├2-1章节简介.mp4
│  ├2-4Photoshop还原UI设计.mp4
│  ├2-5蓝湖App快速标注信息.mp4
│  ├2-6PxCook自动标注工具.mp4
│  ├2-7imgcook设计稿智能平台.mp4
│  ├2-8章节总结.mp4
├第3章布局中的尺寸与位置
│  ├3-14章节总结.mp4
│  ├3-1章节介绍.mp4
│  ├3-2CSS盒模型的组成.mp4
│  ├3-3块级盒子与内联盒子.mp4
│  ├3-4自适应盒模型的特性.mp4
│  ├3-5标准盒模型与怪异盒模.mp4
│  ├3-6浮动样式详解.mp4
│  ├3-7浮动特性注意点.mp4
│  ├3-8定位样式详解.mp4
│  ├3-9定位特性注意点.mp4
├第4章flex弹性布局
│  ├4-10flex-grow扩展比例.mp4
│  ├4-11flex-shrink收缩比例.mp4
│  ├4-12flex-basis及flex缩写.mp4
│  ├4-13等高布局.mp4
│  ├4-14两列与三列布局.mp4
│  ├4-15StickyFooter布局.mp4
│  ├4-16溢出项布局.mp4
│  ├4-17综合案例一(Swiper轮播图).mp4
│  ├4-18综合案例二(知乎导航).mp4
│  ├4-19章节总结.mp4
│  ├4-1章节介绍.mp4
│  ├4-2主轴与交叉轴.mp4
│  ├4-3换行与缩写.mp4
│  ├4-4主轴对齐详解.mp4
│  ├4-5交叉轴对齐详解.mp4
│  ├4-6内联与块的上下左右居中布局.mp4
│  ├4-7不定项居中布局.mp4
│  ├4-8均分列布局.mp4
│  ├4-9子项分组布局.mp4
├第5章grid网格布局
│  ├5-10多种组合排列布局.mp4
│  ├5-11栅格布局.mp4
│  ├5-12容器自适应行列布局.mp4
│  ├5-13综合案例一(百度热词风云榜).mp4
│  ├5-14综合案例二(小米商品导航菜单).mp4
│  ├5-15章节总结.mp4
│  ├5-1章节介绍.mp4
│  ├5-2定义网格及fr单位.mp4
│  ├5-3合并网格及网格命名.mp4
│  ├5-4网格间隙及简写.mp4
│  ├5-5网格对齐方式及简写.mp4
│  ├5-7基于线的元素放置.mp4
│  ├5-8repeat()与minmax().mp4
│  ├5-9比定位更方便的叠加布局.mp4
├第6章移动端适配布局
│  ├6-10移动端vw布局及插件使用.mp4
│  ├6-11vw案例:B站移动端头部实现.mp4
│  ├6-12vw案例:B站移动端导航实现.mp4
│  ├6-13vw案例:B站移动端视频列表实现.mp4
│  ├6-14章节总结.mp4
│  ├6-1章节介绍.mp4
│  ├6-3移动端rem布局原理解析.mp4
│  ├6-5测量rem数值及插件使用.mp4
│  ├6-6rem案例:网易移动端头部实现.mp4
│  ├6-7rem案例:网易移动端导航实现.mp4
│  ├6-8rem案例:网易移动端新闻列表实现(1).mp4
│  ├6-9rem案例:网易移动端新闻列表实现(2).mp4
├资料代码
│  ├(1.1)--1-3软件安装与课件获取方式.pdf
│  ├(1.2)--1-4CSS发展史与CSS模块划分.pdf
│  ├(2.1)--2-2长度单位与颜色分类.pdf
│  ├(2.2)--2-3UI设计图的源文件种类.pdf
│  ├(3.1)--3-10详解display属性.pdf
│  ├(3.2)--3-11书写模式与逻辑属性.pdf
│  ├(3.3)--3-12BFC块级格式化上下文.pdf
│  ├(3.4)--3-13标签默认样式及清除.pdf
│  ├(6.1)--6-2移动端概念及UI设计稿尺寸.pdf
│  ├5-16 练习题.html
│  ├5-17.html
│  ├6-15 【练习题】测量个人中心页的css数值.html
│  ├6-16 测试题.html
│  ├source_code-master.zip

资源下载

抱歉,只有登录并在本文发表评论才能阅读隐藏内容,切记不要恶意刷评论白嫖资源,评论前切记阅读用户规则,一旦进入黑名单,不可能再放出来。同时注意,暂停在线支付,请联系客服QQ267286513。
  1. tomalloc说道:

    学习下

  2. 夜游叶说道:

    系统掌握CSS布局进阶技术,轻松解决各种精美页面布局难题

  3. 杰尼龟说道:

    感谢分享

  4. 我的GIS人生说道:

    每次一到布局就头疼,感谢博主分享

  5. Lucky说道:

    :redface: 感谢分享

  6. Yikins说道:

    感谢分享

  7. sf说道:

    感谢分享

  8. 晏晏子说道:

    学习,浮动总是迷糊的

发表评论