web-develop : CSS framework

@css-learning

CSS

Public team

Joined on Jan 21, 2021

  • 一 . Banner版 (一) . 成果圖 1. 效果 : 左邊有一個顏色區框,可以填入我想要的內容。 右邊為一個圖片區域,可以填入我需要的產品圖片。 2. 實作概論 : <span class="red">多重背景的應用</span> 為兩個背景的疊加 :背景一為顏色漸層 : 由有顏色到透明的內容。 ![](https://i.imgur.com/cmQzwVh.png =300x) 背景二為圖片 : 在背景一之下,因為背景一的透明而顯示出來。
     Like  Bookmark
  • 一 . 常見的佈局 :Header-drawer-body Grid 使用 : 就是bootstrap的container和row、col系統。 container、item屬性 : 分
     Like  Bookmark
  • # Side Bar ###### tags: `Component`
     Like  Bookmark
  • 一 . 基本版型 (一) . 成果圖和分析 功用 : 可以是event trigger觸發的一個提示框。 跳出後可以使用按下背景,或提示框內的部分元件關閉。 分析 :
     Like  Bookmark
  • 一 . 基本版型 (一) . 成果圖 1. 效果 有一個或多個卡片(通常為多個卡片)並行存在。 每一個卡片的內容為影像與內容。 https://codepen.io/rfbadgnh/pen/eYdBwwb 2. 實作概論 : 內外元件的包裹
     Like  Bookmark
  • 一 . 基礎概念 (一) . 基本 什麼是boostrap : 是一個css framework。 組成 : Default style 。 Grid layout 。 Pre-defined class (components) 。
     Like  Bookmark
  • 一 . Card (一) . 基礎 <div class="card"> <div class="card-body"> <h4 class="card-title">Card title</h4> <p class="card-text">Some example text. Some example text.</p> </div> </div>
     Like  Bookmark