Skip to content

chore(zh-tw): remove {{CSSRef}} macros #28037

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jul 15, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/--_star_/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ l10n:
sourceCommit: 8dac6c62fc3cee2de82960d4dd9d9be16a3a1761
---

{{CSSRef}}

以 `--` 為前綴的屬性名稱,例如 `--example-name`,代表包含值的*自訂屬性*,可以使用 {{cssxref("var", "var()")}} 函數在其他宣告中使用。

自訂屬性作用於其宣告的元素,並參與層疊:這類自訂屬性的值是由層疊演算法決定的宣告值。
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/@font-face/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ l10n:
sourceCommit: 4d929bb0a021c7130d5a71a4bf505bcb8070378d
---

{{CSSRef}}

**`@font-face`** [CSS](/zh-TW/docs/Web/CSS) [@ 規則](/zh-TW/docs/Web/CSS/CSS_syntax/At-rule)用來指定一個自定義的字型,用於顯示文本;該字型可以從遠端伺服器加載,或者使用者本地安裝的字型。

## 語法
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/@media/height/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ l10n:
sourceCommit: 421deed53984505909884b3b290002b228d29e7b
---

{{CSSRef}}

**`height`** [CSS](/zh-TW/docs/Web/CSS) [媒體特性](/zh-TW/docs/Web/CSS/@media#媒體特性)可用於根據{{glossary("viewport", "視區")}}的高度(或[分頁媒體](/zh-TW/docs/Web/CSS/CSS_paged_media)的頁框)套用樣式。

## 語法
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/@namespace/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: "@namespace"
slug: Web/CSS/@namespace
---

{{CSSRef}}

**`@namespace`** 是一個 [at-rule](/zh-TW/docs/Web/CSS/CSS_syntax/At-rule),它決定要在 [CSS](/zh-TW/docs/Glossary/CSS) [樣式表](/zh-TW/docs/Web/API/StyleSheet)中要使用的 XML [命名空間](/zh-TW/docs/Glossary/Namespaces)。

{{InteractiveExample("CSS Demo: @namespace", "tabbed-shorter")}}
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/_colon_first-child/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ l10n:
sourceCommit: 33a12980eb49cc795a41f15ec7a0181270ad3048
---

{{CSSRef}}

**`:first-child`** [CSS](/zh-TW/docs/Web/CSS) [偽類](/zh-TW/docs/Web/CSS/Pseudo-classes)代表一群兄弟元素中的第一個元素。

{{InteractiveExample("CSS Demo: :first-child", "tabbed-shorter")}}
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/_colon_first-of-type/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: :first-of-type
slug: Web/CSS/:first-of-type
---

{{CSSRef}}

在 CSS 虛擬類別(pseudo-class)中,**`:first-of-type`** 代表本節點為兄弟節點中第一個此類型節點。

```css
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/_colon_lang/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: :lang()
slug: Web/CSS/:lang
---

{{CSSRef}}

**`:lang()`** 是一種 [CSS](/zh-TW/docs/Web/CSS) [偽類(pseudo-class)](/zh-TW/docs/Web/CSS/Pseudo-classes)。它會根據括號中指定的語系,來選擇使用的元素。

> [!NOTE]
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/_colon_target/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ l10n:
sourceCommit: e9b6cd1b7fa8612257b72b2a85a96dd7d45c0200
---

{{CSSRef}}

**`:target`** [CSS](/zh-TW/docs/Web/CSS) [偽類](/zh-TW/docs/Web/CSS/Pseudo-classes)選擇*文件中的目標元素*。當文件載入時,目標元素是根據文件的 [URL 片段標識符](/zh-TW/docs/Web/URI/Reference/Fragment#片段)確定的。

```css
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/_doublecolon_first-letter/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ l10n:
sourceCommit: 6d55eec58e38583da60aa635d41393ad051d1c6d
---

{{CSSRef}}

**`::first-letter`** [CSS](/zh-TW/docs/Web/CSS) [偽元素](/zh-TW/docs/Web/CSS/Pseudo-elements)用來對[區塊容器](/zh-TW/docs/Web/CSS/CSS_display/Visual_formatting_model#區塊容器)中第一行的第一個字母進行樣式設定,但僅限於前面沒有其他內容(如圖片或內嵌表格)時。

{{InteractiveExample("CSS Demo: ::first-letter", "tabbed-shorter")}}
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/animation-fill-mode/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: animation-fill-mode
slug: Web/CSS/animation-fill-mode
---

{{CSSRef}}

**`animation-fill-mode`** [CSS](/zh-TW/docs/Web/CSS) 属性指定 CSS 动画应该如何在其执行前后的样式展示情况。

```css
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/background-attachment/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ l10n:
sourceCommit: b17ca921175c0a92d21c6c4effbc7fa3dc348a8e
---

{{CSSRef}}

**`background-attachment`** [CSS](/zh-TW/docs/Web/CSS) 屬性設定背景圖片的位置是否固定在{{glossary("viewport", "視區")}}內,或者跟隨其包含區塊一起滑動。

{{InteractiveExample("CSS Demo: background-attachment")}}
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/background-color/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: background-color
slug: Web/CSS/background-color
---

{{CSSRef}}

**`background-color`** [CSS](/zh-TW/docs/Web/CSS) property 是用來設定 HTML 元素的背景顏色,值可以是顏色亦可以是特定關鍵字-- `transparent`.

## 語法
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/border-bottom-color/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: border-bottom-color
slug: Web/CSS/border-bottom-color
---

{{CSSRef}}

**`border-bottom-color`** 是一種 CSS 屬性,用來設定元件下側[邊框](/zh-TW/docs/Web/CSS/border)的顏色。也可由含括此屬性功能的簡寫屬性 {{cssxref("border-color")}} 或 {{cssxref("border-bottom")}} 設定該屬性值。

{{InteractiveExample("CSS Demo: border-bottom-color")}}
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/border-color/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: border-color
slug: Web/CSS/border-color
---

{{CSSRef}}

**`border-color`** 是一種[CSS](/zh-TW/docs/Web/CSS) [簡寫屬性](/zh-TW/docs/Web/CSS/CSS_cascade/Shorthand_properties),用來綜合設定元件四邊框線的顏色。

{{InteractiveExample("CSS Demo: border-color")}}
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/border-image/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: border-image
slug: Web/CSS/border-image
---

{{CSSRef}}

CSS 屬性 `border-image` 可以讓你在元素的邊框上擺上圖片。這讓呈現看似很複雜的一個網頁的小單元簡單很多,它可以省最多九個元素。

> [!WARNING]
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/border-left-color/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: border-left-color
slug: Web/CSS/border-left-color
---

{{CSSRef}}

**`border-left-color`** 是一種 CSS 屬性,用來設定元件左側[邊框](/zh-TW/docs/Web/CSS/border)的顏色。也可由含括此屬性功能的簡寫屬性 {{cssxref("border-color")}} 或 {{cssxref("border-left")}} 設定該屬性值。

{{InteractiveExample("CSS Demo: border-left-color")}}
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/border-right-color/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ l10n:
sourceCommit: fbee1ad6d6add1319ce3e8e977033385a915c635
---

{{CSSRef}}

**`border-right-color`** [CSS](/zh-TW/docs/Web/CSS) 屬性設定元素右[邊框](/zh-TW/docs/Web/CSS/border)的顏色。它也可以透過簡寫 CSS 屬性 {{cssxref("border-color")}} 或 {{cssxref("border-right")}} 來設定。

{{InteractiveExample("CSS Demo: border-right-color")}}
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/border-top-color/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: border-top-color
slug: Web/CSS/border-top-color
---

{{CSSRef}}

**`border-top-color`** 是一種 CSS 屬性,用來設定元件上側[邊框](/zh-TW/docs/Web/CSS/border)的顏色。也可由含括此屬性功能的簡寫屬性 {{cssxref("border-color")}} 或 {{cssxref("border-top")}} 設定該屬性值。

{{InteractiveExample("CSS Demo: border-top-color")}}
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/box-shadow/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: box-shadow
slug: Web/CSS/box-shadow
---

{{CSSRef}}

`box-shadow` 屬性為一個逗號分隔的列表描述一個或多個的陰影效果. 這使的你能夠從幾乎任何元素的框架放入陰影. 如果一個標記了 {{cssxref("border-radius")}} 的元素也標記了 box shadow, 這將使得他們有相同的圓邊. 多重 box shadows 的 z-index 排序跟多重 [text shadows](/zh-TW/docs/Web/CSS/text-shadow) 一樣(第一個備標記的陰影在最上面).

{{cssinfo}}
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/box-sizing/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ l10n:
sourceCommit: 429d45679a29f386af0ddfcf2a64498843c3e1e5
---

{{CSSRef}}

**`box-sizing`** [CSS](/zh-TW/docs/Web/CSS) 屬性設定如何計算元素的總寬度與高度。

{{InteractiveExample("CSS Demo: box-sizing")}}
Expand Down
2 changes: 1 addition & 1 deletion files/zh-tw/web/css/clip/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ l10n:
sourceCommit: 758ddcdfb06f53955fa3c05dd32e7e4e53fd3009
---

{{CSSRef}}{{Deprecated_Header}}
{{Deprecated_Header}}

> [!WARNING]
> 若有可能,建議作者使用較新的 {{cssxref("clip-path")}} 屬性來取代。
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: CSS 動畫
slug: Web/CSS/CSS_animations/Using_CSS_animations
---

{{SeeCompatTable}}{{CSSRef}}
{{SeeCompatTable}}

CSS animations 使 CSS style configuration 的轉變變得可行。在這種動畫的運作上,你只需要定義兩個部份:1. 動畫的最初及結尾 2. 動畫轉變的方式。

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: 使用 CSS 多重背景
slug: Web/CSS/CSS_backgrounds_and_borders/Using_multiple_backgrounds
---

{{CSSRef}}

藉由 [CSS3](/zh-TW/docs/CSS/CSS3) 我們可以對元素使用 **多重背景**。每個設定的背景被一個個分層,第一個背景在最上面,最後一個背景是在最下面一層。 記得只有最後一個背景可以設定 background color。

簡易的表達方式:
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: 理解邊界重疊的原因
slug: Web/CSS/CSS_box_model/Mastering_margin_collapsing
---

{{CSSRef}}當一個 Block 的 [下邊界範圍](/zh-TW/docs/Web/CSS/margin-bottom) ( margin-bottom ) 和一個 Block 的 [上邊界範圍](/zh-TW/docs/Web/CSS/margin-top) ( margin-top ) 都有設定時只會留下最大那個,這種情況我們稱為**邊界重疊** ( margin collapsing )。請留意設定了 float 或[絕對定位](/zh-TW/docs/Web/CSS/position#absolute)的元件並不會產生邊界重疊。
當一個 Block 的 [下邊界範圍](/zh-TW/docs/Web/CSS/margin-bottom) ( margin-bottom ) 和一個 Block 的 [上邊界範圍](/zh-TW/docs/Web/CSS/margin-top) ( margin-top ) 都有設定時只會留下最大那個,這種情況我們稱為**邊界重疊** ( margin collapsing )。請留意設定了 float 或[絕對定位](/zh-TW/docs/Web/CSS/position#absolute)的元件並不會產生邊界重疊。

有三個標準情況會形成邊界重疊:

Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/css_cascade/inheritance/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: 繼承
slug: Web/CSS/CSS_cascade/Inheritance
---

{{CSSRef}}

每個 [CSS property definition](/zh-TW/docs/Web/CSS/Reference) 都寫道是否這個屬性預設有繼承: ("Inherited: Yes") 或是 預設沒有繼承: ("Inherited: no"). 這個設定將會在沒有位屬性標註值時發生.

## 繼承屬性
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: 簡寫屬性
slug: Web/CSS/CSS_cascade/Shorthand_properties
---

{{CSSRef}}

**_簡寫屬性_**是一種可以同時設定許多其他 CSS 屬性值的 CSS 屬性。使用簡寫屬性,Web 開發者可以寫出更簡潔、且通常更具可讀性的樣式表,省時又省力。

CSS 規範中定義,特性簡寫用來組合作用於相同主題的常見性質。舉例來說,CSS {{cssxref("background")}} 這個性質是個特性簡寫,可同時定義 {{cssxref("background-color")}}、{{cssxref("background-image")}}、{{cssxref("background-repeat")}} 和 {{cssxref("background-position")}} 等屬性。同樣的,最常用的字體相關屬性,可以使用 {{cssxref("font")}} 來定義;圍繞在方塊周圍的邊界,則可簡單地以 {{cssxref("margin")}} 簡寫來定義。
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/css_colors/color_picker_tool/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ l10n:
sourceCommit: 41cf05afdfff38fb460f7cae5b9523405c842ac6
---

{{CSSRef}}

這個工具讓你可以在 sRGB {{glossary("color space", "色彩空間")}}中選擇一個顏色,並在各種 CSS [顏色格式](/zh-TW/docs/Web/CSS/color_value)之間進行轉換,幫助你了解以下 sRGB 顏色標記法的語法:

- {{cssxref("hex-color")}},一種 [sRGB](/zh-TW/docs/Glossary/RGB) 顏色的*十六進位顏色表示法*,使用其主要顏色元件(紅、綠、藍)以及其透明度,以十六進位數字書寫。
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: CSS彈性盒子用法
slug: Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox
---

{{CSSRef}}

CSS3 **彈性盒子**,又稱**flexbox**,是為了適應不同螢幕尺寸和顯示設備而生的[佈局模式](/zh-TW/docs/Web/CSS/Layout_mode)。針對許多應用而言,不用 floats 的彈性盒子模型會比塊狀模型(block model)易用,彈性容器的邊緣也不會與內容的邊緣重疊。

多數設計師會發現 flexbox 用起來比 box 簡單得多。像是不多注意 `div` 的話,它就會經常違反設計師意願地,跑到頁頂去 ── 令 footer 附著在頁底,也因此變得很棘手。flexbox 的寬高能改變以適應顯示空間,將較低的元件固定住。Flexbox 邏輯也能讓你確實令 `div` 壓在頁面的右方或底部。Flexbox 元素的顯示順序,與原始碼的顯示順序相互獨立。
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/css_flexible_box_layout/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: CSS 彈性盒子排版
slug: Web/CSS/CSS_flexible_box_layout
---

{{CSSRef}}

**CSS 彈性盒子排版**(CSS Flexible Box Layout)是 [CSS](/zh-TW/docs/Web/CSS) 的模組。它為了最佳化 CSS 盒子模型的使用者介面設計而來、並把項目都配置在一個維度之內。在彈性盒子排版中,彈性容器的子項目們可以伸展到任何方向、並讓他們的尺寸更加「彈性」、或者持續增大,以填補未使用的空間,抑或縮小,以避免父元素溢出。子項目橫向或縱向對齊都很容易操作。

## 基本範例
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/css_fonts/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: CSS 字型
slug: Web/CSS/CSS_fonts
---

{{CSSRef}}

**CSS 字型**模組定義了與字型相關的屬性以及字體資源的載入方式。它允許你定義字型的樣式,例如其字族、大小和粗細,以及當多個字形可用於單一字元時要使用的字形變體。

字型是一種資源檔案,其內容包含字元的視覺表示,以及將字元代碼映射到代表字母、數字、標點符號甚至表情符號的字形。字型家族是一組共享相同設計風格和字型屬性的字型組,每個成員提供不同的字形顯示方式,這些方式可能在筆劃粗細、傾斜度或相對寬度等屬性上有所不同。字型通常代表某種樣式的字體,例如為粗斜體的 Helvetica。字型家族則是所有樣式的完整集合。在文件或設計中包含此類字型,是透過為每個字型資源定義一個單獨的 `@font-face` 宣告來實現的。
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: 格線佈局的基本概念
slug: Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout
---

{{CSSRef}}

[CSS 格線佈局](/zh-TW/docs/Web/CSS/CSS_grid_layout)介紹了二維的 CSS 格線系統。格線可以用來佈置頁面的主要區域、或小型用戶介面。本文介紹 CSS 格線 Level 1 規範的其中一部份。這份概觀顯示的某些功能,將在教學的其他部份詳細解釋。

## 什麽是格線?
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/css_grid_layout/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: CSS格線布局
slug: Web/CSS/CSS_grid_layout
---

{{CSSRef}}

**CSS 格線佈局**長於把頁面的主要區域分離、或是在 HTML 原生語法構建的區域間,定義大小、位置、層次等方面的關聯。

格線佈局使作者能夠對齊元素為行和列,就像表格一樣。然而,格線佈局可以更輕易的達成比一般表格更多元化的排版。例如,一個網格容器的子元素可以定位自己和層重疊,類似於 CSS 定位元素。
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: 可置換元素
slug: Web/CSS/CSS_images/Replaced_element_properties
---

{{CSSRef}}

CSS 中所謂的「可置換元素(**Replaced element**)」,即是該元素所呈現的內容不在 CSS 的控制範圍之內。這類外部物件所呈現的內容均獨立於 CSS 之外。常見的置換元素包含 {{HTMLElement("img")}}、{{HTMLElement("object")}}、{{HTMLElement("video")}},或如 {{HTMLElement("textarea")}} 與 {{HTMLElement("input")}} 的表單元素。某些元素 (像是 {{HTMLElement("audio")}} 或 {{HTMLElement("canvas")}}) 只有在特殊情況下才是置替換元素。若是透過 CSS {{cssxref("content")}} 屬性所插入的物件,則稱為「不具名置換元素 (Anonymous replaced elements)」。

在某些情況下,CSS 會特別處理置換元素,如計算邊距空白 (Margin) 與某些 `auto` 的值。
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/css_inline_layout/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,6 @@ l10n:
sourceCommit: 113279ab09692d869866519106e25cba8a20abb8
---

{{CSSRef}}

**CSS 行內布局**模組定義了行內級內容的區塊軸對齊與大小調整,並為首字下沉(drop-caps)提供了一個特殊的布局模式。該模組描述了 CSS 格式化模型,用於容器內的元素與文字流進行排版並在多行間換行。

## 參考
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: 調整列表縮排
slug: Web/CSS/CSS_lists/Consistent_list_indentation
---

{{CSSRef}}

原文 : [Consistent List Indentation](/zh-TW/Consistent_List_Indentation)

使用 CSS 來協助縮排列表看來簡單實則卻否,原因很簡單 - 各大瀏覽器其實作方式不盡相同。一個很大的原因來自於對距離的掌握,但這很讓人喪志,因為瀏覽器沒有一致的排版方式。舉例來說,倘若你宣告一個 list 沒有 left margin,在 IE 中他可以被移動,但在 Gecko-based 的瀏覽器中他們將很固執的固定在那。
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ title: 測試媒體查詢
slug: Web/CSS/CSS_media_queries/Testing_media_queries
---

{{CSSRef}}{{SeeCompatTable}}
{{SeeCompatTable}}

DOM 提供了一個用程式去測試 media query 的方法:那就是透過 {{domxref("MediaQueryList") }} 物件;透過 {{domxref("MediaQueryList") }} 物件上的屬性和方法,我們可以得知、觀察目前 media query 的狀態。

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: Stacking context example 1
slug: Web/CSS/CSS_positioned_layout/Stacking_context/Stacking_context_example_1
---

{{CSSRef}}

### 堆疊環境範例 1

讓我們先從一個基本的例子。根堆疊情況下,我們有兩個 div(DIV#1 和#DIV 3),兩種相對定位的,但是如果沒有的 z-index 屬性。裡面 DIV#1 有一個絕對定位的 div#2,而在 DIV#3 有一個絕對定位的 div#4,雙方沒有的 z-index 屬性。
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/css_selectors/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: CSS Selectors
slug: Web/CSS/CSS_selectors
---

{{CSSRef}}

**選擇器**可以定義某組 CSS 樣式要套用到哪些元素上。

## 基本選擇器
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/css_syntax/syntax/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: 語法
slug: Web/CSS/CSS_syntax/Syntax
---

{{cssref}}

串接式樣式表 ([CSS](/zh-TW/docs/Web/CSS)) 語言的基礎目標是是讓瀏覽器引擎用特定的功能將元素寫在頁面上,像是顏色、位置與裝飾。CSS 語法反映出了目的,而它的基本組成為:

- **屬性**為人可閱讀的識別碼,定義使用哪項功能。
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: CSS 轉場
slug: Web/CSS/CSS_transitions/Using_CSS_transitions
---

{{CSSRef}}

CSS transitions 是 CSS3 specification 草案的一部分,他可以用來調整 CSS animation 變動的速度。舉例來說,倘若你設計了一個 element 會由白轉紅,你可以透過 CSS transitions 來控制轉變的時間及變化曲線。

> [!NOTE]
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/descendant_combinator/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: 後裔選擇器
slug: Web/CSS/Descendant_combinator
---

{{CSSRef}}

## 簡介

`␣` 組合符號 (代表空白, 或更精準地說,代表一或多個空白字元) 結合了兩種選擇器,選擇了只有當第二個選擇器的目標為第一個選擇器目標的後裔時的元素,後裔選擇器跟[子選擇器](/zh-TW/docs/Web/CSS/Child_combinator)相似,但是不要求披對的元素要是嚴格是父子關係。
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/grid-template/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: grid-template
slug: Web/CSS/grid-template
---

{{CSSRef}}

CSS 的 **`grid-template`** 屬性是一個用於定義{{glossary("grid column","網格欄")}}、{{glossary("grid rows","列")}}和{{glossary("grid areas","區域")}}的[簡寫屬性](/zh-TW/docs/Web/CSS/CSS_cascade/Shorthand_properties)。

{{InteractiveExample("CSS Demo: grid-template")}}
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/height/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: height
slug: Web/CSS/height
---

{{CSSRef}}

## 概要

**`高度(height)`** 的 CSS 屬性指定了元素內容區域的高度。[content area](/zh-TW/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model#content) 在元素的留白(padding)、邊框(border) 與 邊界(margin) 內。
Expand Down
2 changes: 0 additions & 2 deletions files/zh-tw/web/css/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,6 @@ title: CSS
slug: Web/CSS
---

{{CSSRef}}

**層疊樣式表**(Cascading Style Sheets, CSS)是用來描述 [HTML](/zh-TW/docs/Web/HTML) 或 [XML](/zh-TW/docs/Web/XML)(包含 [SVG](/zh-TW/docs/Web/SVG) 或 [XHTML](/zh-TW/docs/Glossary/XHTML) 等各種 XML 變形)文件外觀的[樣式表](/zh-TW/docs/Web/API/StyleSheet)語言。CSS 會描述文件裡的結構化元素,該如何呈現在螢幕、紙、語音報讀、或其他媒介上。

**CSS** 是**開放網路**的核心語言之一,具有標準化的 [W3C 規範](https://www.w3.org/Style/CSS/#specs)。歷經不同層級的開發,CSS1 目前已被棄用、CSS2.1 是建議規範,而 CSS3 目前被分作數個較小的模組,持續在標準化的路上行進。
Expand Down
Loading