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英語
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

ガイド付きプロジェクトの仕組み

ワークスペースは、ブラウザに完全にロードされたクラウドデスクトップですので、ダウンロードは不要です

分割画面のビデオで、講師が手順ごとにガイドします

よくある質問

よくある質問

さらに質問がある場合は、受講者ヘルプセンターにアクセスしてください。