|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/css-flexbox-3/
课程评论：没有评论
课程名称：CSS Flexbox 课程概述： 本课程将快速教授CSS3灵活盒布局模块，包含1小时的视频演示。你将学习如何创建Flexbox容器，从而使用所有Flexbox布局属性。课程将深入探讨容器的属性，帮助你定位容器及其子项（Flex项），并全面了解Flex项的属性。过程中将展示多个实际案例，包括创建多列布局、横向网站结构和卡片组件。 Flexbox的突出特点是，它不仅可以水平或垂直对齐元素、设置尺寸，还能够以不同方式分配空间。例如，你可以“一键”将多个按钮均匀分布在可用空间中，或轻松创建高度相同的列，尽管内容不同。 前置知识： 参加本课程之前，需具备HTML和CSS的基础知识。如果没有相关基础，建议先学习我的HTML和CSS课程。此课程是四个课程中的第三个，依次为HTML、CSS、CSS Flexbox和CSS Grid。通过学习这两种新的CSS3模块，你可以创造任何类型的布局，打破几年前网页设计的各种限制。然而，这门课程是一个独立的完整单元，可以单独学习。 实践环节： 除了学习Flexbox的工作原理外，还有多段实用视频，展示如何快速使用Flexbox创建元素，例如制作头部、三列页面以及完整的“卡片”组件，这是一种在网页设计中广泛应用的布局元素。
Leer snel CSS3 Flexable Box Layout Module in 1 uur video demonstraties. Je leert hoe je een Flexbox container maakt, zodat alle flexbox layout eigenschappen tot je beschikking komen. Daarna duiken we in de eigenschappen van de container voor het positioneren van de container en haar kinderen, de flex items. Daarna bekijken we alle eigenschappen van de flex items. Tussendoor en aan het eind van de cursus zie een aantal praktijkvoorbeelden, waaronder het maken van kolommen, een site in horizontale richting en een cardgroup component.De meest in het oog springende eigenschap van Flexbox is, dat je de elementen niet enkel horizontaal of vertikaal kunt uitlijnen en afmetingen geven, maar dat je ze ook op verschillende manieren kunt verdelen over de ruimte. Zo kun je "met een druk op de knop" een aantal knoppen gelijkelijk verdelen over de beschikbare ruimte, zowel horizontaal of vertikaal. Of eenvoudig kolommen maken die altijd dezelfde hoogte hebben, ongeacht de inhoud.Voorkennis Voor deze cursus is het noodzakelijk dat je kennis hebt van HTML en CSS. Indien je dat niet hebt, kun je mijn cursussen HTML en/of CSS eerst volgen. Deze cursus CSS is de derde in een reeks van vier waarin je van absolute beginner tot expert gaat. Je begint met HTML, dan CSS, en daarna CSS Flexbox en CSS Grid. Met deze laatste twee nieuwe CSS3 modules kun je elke soort lay-out maken, en behoren de beperkingen die webdesign tot een paar jaar geleden had, definitief tot het verleden.Echter, deze cursus vormt een afgerond geheel en kan ook afzonderlijk worden gevolgd.PraktijkNaast de lessen waar je kunt zien hoe Flexbox werkt, zijn er een aantal praktijkvideo's die je laten zien hoe je bepaalde zaken snel kunt maken met Flexbox. zo maken we een header, een pagina met drie kolommen, en een complete "card" component, een tegenwoordig veelgebruikt design en layout element in webpagina's.
