|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/css3-flexbox-layout-module/
课程评论:没有评论
课程名称:深入理解CSS3 Flexbox布局模块 课程概述:大家好,欢迎来到这个培训模块!我是Michael,一名独立的网络培训师,我将带领你们来爱上Flexbox布局模型。那么,什么是CSS中的Flexbox呢?顾名思义,它是一种让我们能够以极其灵活的方式进行定位的盒子!自2012年CSS3 Flexbox布局模块问世以来,它彻底改变了我们构建网站和应用程序的方式。在此之前,构建响应式设计并不容易,我们不得不依赖现有的工具,并且常常会误用CSS属性,导致设计在不同设备上出现问题(如智能手机、打印机、平板电脑等)。使用Flexbox,我们不再需要复杂的计算,只需告诉浏览器我们希望如何定位元素,然后欣赏其效果。尽管Flexbox的使用相对简单,但入门时仍有一些特定的方面需要理解,以掌握其细微差别。如果你没有接触过CSS3 Flexbox布局模块,或者想了解但没有足够的时间,亦或是对其感到点畏惧,那么请务必加入这门课程!
Bonjour et bienvenue dans ce module de formation!Je suis Michael, formateur web indépendant et je vais vous accompagner pour vous faire aimer le modèle de boîte flexible. D'ailleurs qu'est-ce qu'une boite flexible en CSS ? Eh bien, comme son nom l'indique, il s'agit d'une boîte qui va nous permettre de faire du positionnement de manière incroyablement flexible!Depuis 2012, l'arrivée de CSS3 Flexbox Layout Module a boulversé la façon de structurer nos sites/applications web.Avant cela, il n'était pas évident de le faire et surtout de régler l'adaptabilité multi écran. Nous étions forcés de composer avec les outils à disposition alors, et on détournait des propriétés CSS de leur mission première pour pallier les manques. C'était à nous de bien réfléchir aux calculs nécessaires pour ne pas risquer de "casser le design" sur d'autres dispositifs (smartphones, imprimante, tablettes, etc.).Flexbox renverse les rôles: plus besoin de calculs tordus! Il suffit de déclarer au navigateur où l'on souhaite positionner nos éléments et hop, il n'y a plus qu'à admirer le résultat.Malgré la simplicité de la boîte flexible, elle n'est pas toujours facile à appréhender quand on démarre. Il y a quelques aspects particuliers qui méritent d'être étudiés pour arriver à bien cerner les subtilités de la flexbox.Vous ne connaissez pas CSS3 Flexbox Layout Module ? Vous connaissez mais n'avez pas eu le temps de vous y mettre ? Ou encore cela vous rebute ? Alors n'hésitez-pas et suivez cette formation!