论坛风格切换
正版合作和侵权请联系 sd173@foxmail.com
 
  • 帖子
  • 日志
  • 用户
  • 版块
  • 群组
帖子
购买邀请后未收到邀请联系sdbeta@qq.com
  • 1575阅读
  • 2回复

[教程资料]掌握CSS Grid 2019 [复制链接]

上一主题 下一主题
离线030711
 

发帖
1502
今日发帖
最后登录
2023-11-07
只看楼主 倒序阅读 使用道具 楼主  发表于: 2019-09-15 20:40:07
MP4 | 视频:h264,1280x720 | 音频:AAC,44.1 KHz,2 Ch
类型:电子学习| 语言:英语| 持续时间:17小时| 大小:8.67 GB
CSS网格 - 布局的未来。它就像Flexbox,但拨打了11个

你会学到什么
如何使用CSS网格实现响应式布局
如何在CSS网格中构建常规布局
作为CSS网格规范一部分的所有属性
如何使用CSS网格构建常用网站(如YouTube)

要求
CSS和HTML
Flexbox的一些知识是可选的,但是首选

描述
在本课程中,我们将深入介绍如何在CSS Grid中构建各种不同的布局。我们涵盖以下内容: -
CSS Grid中的所有属性,它们的工作方式以及使用它们时可能不会注意到的任何问题。
对齐及其在CSS网格中的工作方式,包括网格容器级别的轨道和网格项的对齐。我们还将向您展示如何在网格项级别覆盖对齐。
响应式网页设计的基础知识,例如媒体查询以及它们如何与移动设备/平板电脑配合使用等。
网格区域以及它如何帮助简化响应式网页设计
隐式和显式网格的概念以及它们之间的区别
深入研究Autoplacement算法
高级动画以及当前使用CSS Grid的功能
如何在Flexbox中转换一些布局以改为使用CSS Grid
何时通过CSS Grid使用Flexbox
一旦我们涵盖了所有这些概念,我们就会向您展示一些基本的布局问题以及如何解决这些问题。这包括:-
基于列的布局
基本侧边栏布局
垂直文本对齐
模态对齐
粘贴页脚布局
格式化表单字段
并希望在未来更多。然后我们看一些高级布局主题,例如: -
Holygrail布局
媒体对象布局
一个视口友好图像库
响应式图库
动画边栏
每月日历布局
报纸封面布局
响应式Twitter克隆布局
响应式电影库
然后,如果你还没有,我们有3个真实的应用程序示例,将为您提供所需的体验。他们是:-
聊天UI界面
优步吃克隆响应应用程序
YouTube克隆响应式应用程序
本课程适合谁:
Web开发人员
Web设计人员
用户体验设计师
前端开发人员
全栈开发人员


本部分内容设定了隐藏,需要回复后才能看到


离线power3

发帖
1469
今日发帖
最后登录
2024-11-13
只看该作者 沙发  发表于: 2021-08-23 07:55:27
先收蒧下,谢谢分享。
离线tflying

发帖
1567
今日发帖
最后登录
2024-06-24
只看该作者 板凳  发表于: 2021-08-23 20:41:21
这个资料很好,收藏了。