App下載
編程課程列表 > Flexbox布局基礎(chǔ)入門(mén)
Flexbox布局基礎(chǔ)入門(mén)
  • 信用卡 • 花唄
  • 放心購(gòu),7天內(nèi)不滿(mǎn)意可退款
收藏 獨(dú)家

Flexbox布局基礎(chǔ)入門(mén)

圖文課程 5 節(jié) 29 個(gè)小點(diǎn) 3.2k人參與 綜合評(píng)分 4.9
¥9.9

課程背景

  • 2009 年,W3C 提出了一種新的方案—-Flex 布局,可以簡(jiǎn)便、完整、響應(yīng)式地實(shí)現(xiàn)各種頁(yè)面布局。
  • Flex 是 Flexible Box 的縮寫(xiě),意為”彈性布局”,用來(lái)為盒狀模型提供最大的靈活性。
  • Flex 布局將成為未來(lái)布局的首選方案。本課程介紹 Flex 布局的語(yǔ)法。

課程收獲

  1. 了解 Flexbox 布局。
  2. 掌握 Flexbox 布局的基礎(chǔ)知識(shí)。

課程特點(diǎn)

本課程分為兩個(gè)部分。

  • 第一部分:了解 Flexbox 布局的基礎(chǔ)原理。
  • 第二部分:了解 Flexbox 布局的各項(xiàng)屬性的使用及效果。

適宜人群

  1. 前端入門(mén)學(xué)員。
  2. 有一定 css 基礎(chǔ)學(xué)員。

購(gòu)買(mǎi)須知

  1. 本課程為圖文內(nèi)容+闖關(guān)形式,共 5 節(jié),29 個(gè)小點(diǎn)。
  2. 在課程學(xué)習(xí)中,如有任何使用上的問(wèn)題,請(qǐng)聯(lián)系客服微信號(hào):w3cschool66

(加微信可進(jìn)相關(guān)交流群,與更多小伙伴討論問(wèn)題)。


點(diǎn)擊下載編程獅App,手機(jī)隨時(shí)隨地繼續(xù)學(xué)>>

IT技術(shù)編程開(kāi)發(fā)學(xué)習(xí)交流群

綜合
評(píng)分
4.9
    • 時(shí)琦 沒(méi)有溫柔
      時(shí)琦 沒(méi)有溫柔
        5分
        flexshrink代碼里寫(xiě)默認(rèn)為0正文寫(xiě)默認(rèn)為1 誰(shuí)反饋一下
        2021-12-15 17:52:37
      • Lehamber
        Lehamber
          5分
          課程聽(tīng)好的。其中有一點(diǎn):就是那個(gè) flex-grow屬性 的解釋不是很好。應(yīng)該是:定義項(xiàng)目在主軸方向上,對(duì)剩余尺寸的分配比例。
          2020-07-28 10:54:55
        • 學(xué)號(hào)73558
          學(xué)號(hào)73558
            5分
            不湊哦,很系統(tǒng)!需要自己多練多看
            2020-06-27 14:18:09
          • 7379
            7379
              5分
              還真不錯(cuò),之前學(xué)的不夠系統(tǒng),看完之后立刻全部捋順了!
              2020-03-16 19:29:49
            • 聽(tīng)見(jiàn)下雨聲
              聽(tīng)見(jiàn)下雨聲
                5分
                還不錯(cuò)
                2020-02-14 19:47:40
              • 1321245184
                1321245184
                  5分
                  缺少實(shí)戰(zhàn)環(huán)節(jié),還需繼續(xù)細(xì)化。
                  2020-01-07 12:17:40
                • zonghu
                  zonghu
                    5分
                    講的很詳細(xì)
                    2019-11-04 17:41:33