- 发帖
- 53391
- 今日发帖
- 最后登录
- 2024-11-19
|
MP4 | 视频：h264,1280x720 | 音频：AAC，44.1 KHz，2 Ch
类型：电子学习| 语言：英语| 持续时间：5.5小时| 大小：1.89 GB
使用CSS3 Flexbox学习CSS3 Flexbox并构建5个真实世界的响应布局！你会学到什么CSS3 Flexbox及其工作原理
所有可能的Flexbox属性
带编码练习的
Flexbox使用Flexbox构建真实世界的灵活布局要求HTML和CSS的基础知识
您选择的任何代码编辑器描述CSS Flexbox是CSS3中的一个新布局模块，旨在轻松快速地布局更复杂的网站布局！在本课程中，您将从头开始学习CSS3 Flexbox，您将学习如何使用Flexbox使用更少和最简单的代码构建真实世界的灵活布局。在本课程中，我们将从CSS3 Flexbox的基础知识开始，然后我们将逐步学习越来越多关于CSS3 Flexbox的知识。您将了解到什么是Flexbox，您为什么需要它，Flexbox的主要组件是什么，我们将讨论当前对Flexbox的浏览器支持。然后我们将开始研究flex容器，我们将详细介绍可以直接在flex容器上使用的所有可能的属性。您还将了解flexbox的两个轴，主轴和横轴。我们还将讨论display flex和display inline flex之间的区别。您将通过实际编码示例了解所有这些，以便您能够以正确的方式理解Flexbox模块。我们涵盖了灵活项目的工作。我们将详细介绍可以直接在单个Flex项目上使用的所有可能属性。实际上，您将了解弹性项目的大小和灵活性。当然，您将学习所有这些以及编码示例。因此，一旦您学习了CSS3 Flexbox模块，我们就会开始使用flexbox构建一些真实的灵活布局。您将了解使用Flexbox进行CSS中心化。我将向您展示如何在flexbox的帮助下构建一个简单灵活的图像网格。图像网格，我们将在大屏幕和小屏幕上看起来很棒。我们将在flexbox的帮助下构建简单的定价表。您将看到，我们如何设计和调整定价表。我们将在flexbox的帮助下为网页构建响应式标头。您将学习使用flexbox构建灵活的卡片。我们将建造这些具有相同高度的卡片，它们在较小的屏幕上看起来很棒; 如果没有足够的空间，它们将很容易地包裹在较小的屏幕上。在本课程结束时，您可以在项目中使用Flexbox。在本课程结束时，您将成为一名成熟的Flexbox开发人员。谢谢本课程适合谁：Web开发人员渴望CSS3 Flexbox
本部分内容设定了隐藏，需要回复后才能看到
|
微博帐号登录