- 发帖
- 1501
- 今日发帖
- 最后登录
- 2023-11-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设计人员 用户体验设计师 前端开发人员 全栈开发人员本部分内容设定了隐藏,需要回复后才能看到
|