KD's Tech Blog

軟體工程和產品專案管理現場，紀錄關於軟體開發/程式設計/工程思維的技術筆記

Grid 網頁排版技巧入門教學筆記 | 學習筆記

前言在現今網頁設計中，排版的結構與呈現方式對於用戶體驗至關重要。隨著網頁設計的演進，CSS Grid 成為了最強大且靈活的排版工具之一。透過 CSS Grid，你可以輕鬆創建複雜的佈局，並且適應不同設備的需求。本文將介紹 CSS Grid 的基本概念與使用技巧，幫助你迅速掌握如何在網頁設計中使用 Grid。 1. 什麼是 CSS Grid？CSS Grid Layout（簡稱 Grid）是 ......

Posted by kdchang on 2024-11-15

Flexbox 網頁排版技巧入門教學筆記 | 學習筆記

1. Flexbox 簡介Flexbox（Flexible Box Layout）是一種 CSS3 佈局模式，專門用來設計一維的彈性佈局，適用於水平或垂直排列元素，使網頁排版更加靈活且易於維護。 1.1 為何使用 Flexbox？ 彈性調整：元素可根據可用空間動態調整大小。 簡化佈局：減少對 float、inline-block 及 position 依賴。 更好的對齊方式：內建強大的對齊與......

Posted by kdchang on 2024-11-14

ABOUT ME
KD's Tech Blog 技術部落格 | KD Chang 張凱迪

KD Chang 張凱迪（@kdchang），台灣大學，主修經濟學，臺大資管所畢業。是一個軟體工程師，也是一位 PM 產品專案經理和教育工作者。曾服務過上市網路軟體公司、上市科技電子公司、台灣 AI 人工智慧新創獨角獸公司，也曾參與數個新創組織的創辦和多個網路產品服務的開發。A Software Engineer, Product/Project Manager & Educator.:)

FRIENDS