KD's Tech Blog

Hi, 我是 KD Chang 張凱迪，我在這書寫我的軟體開發/程式設計技術筆記 | KD 技術部落格

CSS 權重（Specificity）入門教學筆記 | 學習筆記

1. 什麼是 CSS 權重？CSS 權重（Specificity）是指當多個選擇器同時作用於同一個元素時，瀏覽器決定應用哪條 CSS 規則的優先級機制。不同選擇器具有不同的權重，權重高的樣式會覆蓋權重低的樣式。 2. CSS 權重的計算方式CSS 權重由四個部分組成，從高到低分別是：行內樣式（Inline Styles） ID 選擇器（ID Selectors）類別、偽類與屬......

Posted by kdchang on 2021-12-15

CSS 入門教學筆記 | 學習筆記

1. 什麼是 CSS？CSS（Cascading Style Sheets，層疊樣式表）是一種用來美化 HTML 頁面的樣式語言。透過 CSS，可以設定字體、顏色、間距、佈局等，讓網頁更具吸引力和可讀性。 CSS 透過選擇器（Selectors）來指定 HTML 元素，並套用樣式規則（Rules）。 2. CSS 的使用方式有三種方式可以在 HTML 文件中使用 CSS： 2.......

Posted by kdchang on 2021-12-14

CSS Stacking Context 入門教學筆記 | 學習筆記

前言在網頁開發中，當多個 HTML 元素重疊時，決定它們顯示順序的機制稱為 Stacking Context（堆疊上下文）。這是一個重要概念，影響 z-index 的行為，並決定元素在畫面上的排列順序。 1. 什麼是 Stacking ContextStacking Context 是一個獨立的層級空間，內部的元素會依照特定規則進行排序，但不會影響外部的層級。當一個元素建立了 Stacki......

Posted by kdchang on 2021-12-14

ABOUT ME

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

FRIENDS

Follow @kaidichang