實做成果

用來記錄這堂課程的成果

Cat photo app

上完了 html5 and css，再上到 bootstrap 第 18 個課程，終於把這隻賞貓 app 做完惹。這感覺可以當貓咪的 beetalk 用（大誤）

學習點

• 基本 html, css 語法

  • 了解 div, p, img 等 html 元素

  • 表單

  • rgb 顏色

  • css 屬性

  • css 選擇器；了解 element, class, id

• bootstrap 應用

  • 排版

    • 最外面先包一層 container

    • 每一排加個 row

    • 每個 row 有 12 個 col

  • 自適應屬性

  • 其他屬性

    • 按鈕用途

  • font awesome

See the Pen FreeCodeCamp - Cat Photo by Chiu (@ayugioh2003) on CodePen.

jQuery PlayGround

選擇器的應用