14 篇文件帶有標籤「CSS」

css

在網頁中 的用途是設定「物件定位時所要的參考對像」，預設狀態下物件的位置是依據資料流來做排列，也就是跟隨資料做排列，如果對物件添加了不同的 之後，就能改變物件所參考的空間對像，進而改變物件的位置。

傳統 CSS（也叫原生 CSS 或 Vanilla CSS）是網頁樣式的基礎語言，而 Tailwind CSS 則是一種「公用程式優先」（utility-first）的 CSS 框架，它讓你直接在 HTML 元件中使用預定義的類別（class）來套用樣式，而不用寫一大堆自訂 CSS 規則。

CSS 單位分為絕對單位、相對單位、時間單位，以及適用於特定場景的其他單位。此外，CSS 還有一些通用關鍵字，可用於控制屬性值的行為。以下是詳細介紹，包含列印測量單位和時間單位的補充。

CSS 背景屬性用於控制 HTML 元素的背景樣式，例如顏色、圖片、圖片位置、大小等。以下是常見的背景屬性及其用途，搭配詳細的 CSS 範例，方便你作為前端工程師理解並直接應用。所有範例均使用純 CSS 寫法，並以台灣慣用的表達方式呈現。

用於控制元件的佈局、定位與顯示方式。

text-align: justify 是 CSS 屬性，用來控制塊級元素或行內塊元素內文字的水平對齊方式。當設定為 justify 時，文字會在每一行均勻分佈，左右兩端對齊（類似報紙或書籍的排版效果），除了最後一行外。最後一行的對齊方式通常由瀏覽器預設處理（通常是左對齊）。

CSS 前綴字是附加在 CSS 屬性名稱前的特定字串，用來標示該屬性是某個瀏覽器廠商的實驗性實現。當某個 CSS 屬性尚未成為 W3C 標準，或者瀏覽器對該屬性的實現有所不同時，會使用這些前綴字。

當你為一個父元素設定某些 CSS 屬性時，這些屬性可能會被它的子元素「繼承」，也就是子元素會自動套用父元素的樣式值，除非子元素有自己的樣式覆蓋。繼承的目的是為了讓樣式在 DOM 樹中自然傳遞，減少手動設定的工作量。

currentColor 是 CSS 中的一個關鍵字，表示當前元素的 文字顏色（即 color 屬性的值）。它可以用在任何接受顏色的 CSS 屬性中，例如 background-color、border-color、SVG 的 fill 或 stroke 等。它的好處是能讓你重複使用元素的文字顏色，減少重複定義顏...

學習 CSS Flexbox 彈性盒模型的基本概念、屬性與實戰應用，適合打造響應式佈局

styled-components 允許你使用 JavaScript 來定義帶有樣式的 React 元件。它透過 標籤模板字面量（Tagged Template Literals） 將 CSS 樣式直接嵌入到 JavaScript 程式碼中，並將樣式綁定到特定的元件。這樣可以讓樣式與元件緊密結合，避免傳統 CSS...

在 HTML 和 CSS 中，空白字元指的是空格、換行、製表符（Tab）等不可見字符。這些字元可能會影響元素的排版，例如多個連續空格在 HTML 中預設會被壓縮為單一空格，或者換行可能導致不預期的間距。CSS 提供了幾個屬性來控制空白字元的處理方式，主要包括：

當你設定了 width 或 height 屬性卻無效時，原因可能來自以下幾個方面：