技術 [DAY26]網頁切版入門及版面實作_頁尾

頁尾 在這個範例中要練習頁尾的切版 整理幾個小重點如下方： 1.將footer_content設為滿版，添加背景色#f3c1c52.添加一個container，...

技術 [DAY6]網頁切版入門及版面實作_ 圖文版面1

圖文版面1 今天要練習最上方主BANNER的切版 整理幾個小重點如下方： 1.將section_kv設為滿版，添加背景色#FFEBF22.添加一個contain...

技術 [鼠年全馬鐵人挑戰] Week 6-網頁排版筆記: 在好的作品中看見未來

每每看別人編排的設計頁面好美，常常羨慕不已，好希望也能夠排出這樣的版面。之前非常多的時間在排版上周旋，心中沒有一把尺，容易陷在怎麼都排不好看的深淵當中。 為什...

技術 [DAY9]網頁切版入門及版面實作_區塊卡片1

區塊卡片 今天要練習第四區塊卡片的切版 整理幾個小重點如下方： 1.將section_part2設為滿版2.添加一個container，做為固定欄寬1200px...

技術 [DAY12]網頁切版入門及版面實作_ 頁尾

頁尾 在這個範例中要練習頁尾部分的切版 整理幾個小重點如下方： 1.將footer_content設為滿版，添加背景色#FFEBF22.添加一個containe...

技術 [DAY20]網頁切版入門及版面實作_ 卡片版面5

卡片版面5 在這個範例中要練習卡片版面的切版 整理幾個小重點如下方： 1.將section設為滿版2.添加一個container，做為固定欄寬1200px的區塊...

技術 [DAY16]網頁切版入門及版面實作_ 卡片版面1

卡片版面1 在這個範例中要練習卡片版面的切版 整理幾個小重點如下方： 1.將section設為滿版2.添加一個container，做為固定欄寬1200px的區塊...

技術 [DAY4]網頁切版入門及版面實作_CSS Reset

重置CSS的CSS樣式表 將網頁排版在各瀏覽器快速一致化，接下來的所有範例都需要使用 主要原因是每一個瀏覽器所使用的預設樣式皆不同，去呈現我們所設計的網頁外觀，...

技術 [DAY19]網頁切版入門及版面實作_ 卡片版面4

卡片版面4 在這個範例中要練習卡片版面的切版 整理幾個小重點如下方： 1.將section設為滿版2.添加一個container，做為固定欄寬1200px的區塊...

技術 [DAY24]網頁切版入門及版面實作_ 序號項目

序號項目 在這個範例中要練習序號項目的切版 整理幾個小重點如下方： 1.font-size調整文字大小，font-weight調整文字厚度，line-heigh...

技術 CSS 特殊形狀怎麼切?

我是圖片:https://drive.google.com/file/d/1j8EyVDr5OfNZdq4niRz_nZQnTJzMITQB/view?usp=...

技術 [DAY21]網頁切版入門及版面實作_ 卡片版面6

卡片版面6 在這個範例中要練習卡片版面的切版 整理幾個小重點如下方： 1.將section設為滿版，添加背景色#ffc6c62.container，做為固定欄寬...

技術 [DAY18]網頁切版入門及版面實作_ 卡片版面3

卡片版面3 在這個範例中要練習卡片版面的切版 整理幾個小重點如下方： 1.將section設為滿版2.在container設定display: flex讓資料橫...

技術 # 前端實作案例分享: Flex Box應用

提問: 有一個header，裡面有A，B兩個區塊，A是固定寬或是固定比例，B是動態寬度隨內容而定。今天客戶希望B在字數少一點的時候必須要置中對齊，字數多的時候...