CSS3 Flexbox - Mastering the Basics

提供方
Coursera Project Network
在此指導項目中,您將:

Learn Flexbox and Flexbox Layout

Understand Flexbox Container Properties

Understand Flexbox Item Properties

Clock1.5 hours
Intermediate中級
Cloud無需下載
Video分屏視頻
Comment Dots英語(English)
Laptop僅限桌面

This project will teach you easy and simple examples on Flexbox properties so that one can understand and master the basics of Flexbox so that these can be applied in building modern web layouts in Front End part of the Web application process. This project covers all Flexbox properties like Flexbox Container Properties and Flexbox Item Properties. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

您要培養的技能

  • Front End Web Application
  • Cascading Style Sheets (CCS)
  • Flexbox Basics
  • CSS3 Flexbox

分步進行學習

在與您的工作區一起在分屏中播放的視頻中,您的授課教師將指導您完成每個步驟:

  1. Introduction to Flexbox, and Flexbox Layout

  2. Flexbox Container Properties 1 - Basic HTML Code, Flexbox display property 

  3. Flexbox Container Properties 2 - flex-direction,flex-wrap and flex-flow

  4. Flex Container Properties 3 - justify content, align item and align content

  5. Flex Items Properties 1 - order, flex-grow and flex-shrink

  6. Flex Items Properties 2 - flex-basis , align-self and flex

指導項目工作原理

您的工作空間就是瀏覽器中的雲桌面,無需下載

在分屏視頻中,您的授課教師會為您提供分步指導

常見問題

常見問題

還有其他問題嗎?請訪問 學生幫助中心