aboutsummaryrefslogtreecommitdiff
path: root/files/zh-tw/web/css
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 13:12:08 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 13:12:08 +0100
commit43a5cac2eff22c21071800e13bef12af9d3a37d0 (patch)
treef6e91f8aa958f15bd0b0aabf7b8dfc09063eceda /files/zh-tw/web/css
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-43a5cac2eff22c21071800e13bef12af9d3a37d0.tar.gz
translated-content-43a5cac2eff22c21071800e13bef12af9d3a37d0.tar.bz2
translated-content-43a5cac2eff22c21071800e13bef12af9d3a37d0.zip
unslug zh-tw: move
Diffstat (limited to 'files/zh-tw/web/css')
-rw-r--r--files/zh-tw/web/css/@viewport/height/index.html121
-rw-r--r--files/zh-tw/web/css/border-image/border-image/index.html111
-rw-r--r--files/zh-tw/web/css/common_css_questions/index.html165
-rw-r--r--files/zh-tw/web/css/css_backgrounds_and_borders/index.html (renamed from files/zh-tw/web/css/css_background_and_borders/index.html)0
-rw-r--r--files/zh-tw/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.html (renamed from files/zh-tw/web/css/css_background_and_borders/using_css_multiple_backgrounds/index.html)0
-rw-r--r--files/zh-tw/web/css/css_color/index.html (renamed from files/zh-tw/web/css/css_colors/index.html)0
-rw-r--r--files/zh-tw/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html (renamed from files/zh-tw/web/css/css_flexible_box_layout/using_css_flexible_boxes/index.html)0
7 files changed, 0 insertions, 397 deletions
diff --git a/files/zh-tw/web/css/@viewport/height/index.html b/files/zh-tw/web/css/@viewport/height/index.html
deleted file mode 100644
index 78d80ee35b..0000000000
--- a/files/zh-tw/web/css/@viewport/height/index.html
+++ /dev/null
@@ -1,121 +0,0 @@
----
-title: height
-slug: Web/CSS/@viewport/height
-translation_of: Web/CSS/@viewport
-translation_of_original: Web/CSS/@viewport/height
----
-<div>{{CSSRef}}</div>
-
-<h2 id="概要">概要</h2>
-
-<p><font face="Consolas, Liberation Mono, Courier, monospace"><strong>高度 </strong></font>的 CSS 描述符是用於設定兩者的簡易描述符 {{cssxref("@viewport/min-height", "min-height")}} 與 {{cssxref("@viewport/max-height", "max-height")}} 的可視區域(viewport)。提供一個可視區域的長度值,將設定兩者的最小高度與最大高度的值。</p>
-
-<p>如果提供了兩個可視區域(viewport),第一個值將設定為最小高度,而第二個值將設定為最大高度。</p>
-
-<h2 id="語法">語法</h2>
-
-<pre class="brush: css">/* One value */
-height: auto;
-height: 320px;
-height: 15em;
-
-/* Two values */
-height: 320px 200px;
-</pre>
-
-<h3 id="值">值</h3>
-
-<dl>
- <dt><code>auto</code></dt>
- <dd>使用 CSS 描述符來進行值的計算。</dd>
- <dt><code>&lt;length&gt;</code></dt>
- <dd>非負絕對值或相對長度。</dd>
- <dt><code>&lt;percentage&gt;</code></dt>
- <dd>初始可視區域的相對寬度或相對高度百分比的縮放係數為 1.0,且必須是非負數。</dd>
-</dl>
-
-<h3 id="正式語法">正式語法</h3>
-
-<pre class="syntaxbox">{{csssyntax}}
-</pre>
-
-<h2 id="舉例">舉例</h2>
-
-<pre class="brush: css">@viewport {
- height: 500px;
-}</pre>
-
-<h2 id="格式">格式</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Specification</th>
- <th scope="col">Status</th>
- <th scope="col">Comment</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('CSS3 Device', '#descdef-viewport-height', '"height" descriptor')}}</td>
- <td>{{Spec2('CSS3 Device')}}</td>
- <td>Initial definition</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="瀏覽器兼容性">瀏覽器兼容性</h2>
-
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>29 (behind a flag)</td>
- <td>{{CompatNo}}</td>
- <td>10 {{property_prefix("-ms")}}</td>
- <td>11.10<br>
- Removed in 15<br>
- Reintroduced behind a flag in 16</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>4.4</td>
- <td>29</td>
- <td>{{CompatNo}}</td>
- <td>10{{property_prefix("-ms")}}</td>
- <td>11.10<br>
- Removed in 15<br>
- Reintroduced behind a flag in 16</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
diff --git a/files/zh-tw/web/css/border-image/border-image/index.html b/files/zh-tw/web/css/border-image/border-image/index.html
deleted file mode 100644
index 210a2663eb..0000000000
--- a/files/zh-tw/web/css/border-image/border-image/index.html
+++ /dev/null
@@ -1,111 +0,0 @@
----
-title: border-image
-slug: Web/CSS/border-image/border-image
-tags:
- - CSS
----
-<h3 id="摘要">摘要</h3>
-
-<p>CSS 屬性 <code>border-image</code> 可以讓你在元素的邊框上擺上圖片。這讓呈現看似很複雜的一個網頁的小單元簡單很多,它可以省最多九個元素。</p>
-
-<div class="warning"><strong>緊告:</strong>官方的 CSS3 規範描述的 border-image 屬性在這個功能被凍結並出現在 Gecko 1.9.1 的釋出版之後改變很多。因此,這項功能的語法跟呈現方法很可能在未來 Gecko 的釋出版改變。特別是選擇性的 <code>border-width</code> 參數,它覆蓋既有 <code>border-width</code> 取值的這項特性已經從規範移除了,因此勢必也會在未來的 Gecko 被拿掉。</div>
-
-<p>瀏覽器會顯示 <code>border-image</code> 指定的圖片而不是 {{ cssxref("border-style") }} 給的邊框樣式,但是若它的取值是 <code>none</code> 或是因某些理由無法顯示該圖片,瀏覽器就會顯示邊框樣式。<code>border-image</code> 會畫一個額外的背景圖片在原來 {{ cssxref("background-image") }} 指 定的背景圖片之上。</p>
-
-<ul>
- <li>{{ Xref_cssinitial() }}:{{ Cssxref("none") }}</li>
- <li>對象:所有除了 {{ cssxref("border-collapse") }} 是 <code class="css">collapse</code> 的表格元素</li>
- <li>{{ Xref_cssinherited() }}:否</li>
- <li>媒體:{{ Xref_cssvisual() }}</li>
- <li>{{ Xref_csscomputed() }}:任何 URI 變為絕對,任何 &lt;長度&gt; 變為絕對,其他如同所指定</li>
-</ul>
-
-<h3 id="語法">語法</h3>
-
-<pre class="eval">none |
- [ &lt;圖片&gt; [ &lt;數字&gt; | &lt;百分比&gt; ]{1,4} [/ &lt;邊框寬度&gt;{1,4}]? ] &amp;&amp; [ stretch | repeat | round ]{0,2} </pre>
-
-<h3 id="取值">取值</h3>
-
-<dl>
- <dt>none</dt>
- <dd>不顯示圖片,使用邊框樣式。</dd>
- <dt>&lt;圖片&gt; <small>(必填)</small></dt>
- <dd>圖片值是一個 {{cssxref("&lt;uri&gt;")}},例: <code class="plain"> url(http://example.org/image.png)</code> 。</dd>
- <dt>&lt;數&gt; | &lt;百分比&gt; <small>(必填)</small></dt>
- <dd>一個、兩個、三個、四個分別代表從頂邊、右邊、底邊、左邊從圖片外圍到切圖線的距離,將圖片切為九塊:四個角、四個邊跟一個中間部份。<br>
- <img alt="" src="/@api/deki/files/3683/=slice.png" style="float: right;"><br>
- 一個值的話,該值用於圖片的全部四個邊。<br>
- 兩個值得話,值用於:一、頂邊與底邊 二、右邊與左邊。<br>
- 三個值的話,值用於:一、頂邊 二、右邊與左邊 三、底邊。<br>
- 四個值的情況,四個值分邊用在圖片的頂邊、右邊、底邊、左邊。<br>
- <br>
- 在 Gecko 1.9.1 (Firefox 3.5) 圖片的中間那個部份會被當做元素的背景。這在未來的版本可能會改變。<br>
- <br>
- <strong>百分比</strong> 由圖片的長度/寬度計算。<br>
- <strong>數</strong> 但表圖片的像素(若為點陣圖)或向量座標(若為 SVG)。</dd>
- <dt>&lt;邊框寬度&gt; <small>(選擇性)</small></dt>
- <dd>如果斜線 <strong>/</strong> 出現在屬性值的話,一個、兩個、三個或是四個在它之後的取值會被當成是 {{ cssxref("border-width") }} 的取值使用。取值的順序如同 {{ cssxref("border-width") }} 。</dd>
- <dt>stretch | round | repeat <small>(選擇性)</small></dt>
- <dd>一個或兩個關鍵字,指定邊上的圖片跟中間部份要如何縮放及鋪擺。<br>
- <strong><code>stretch</code></strong> (預設值)縮放該圖片,使其與配置大小相等。<br>
- <strong><code>round</code></strong> 鋪擺該圖片,但也縮放它使得被配置範圍鋪滿整數張該圖片。<br>
- <strong><code>repeat   </code></strong>直接鋪擺該圖片。<br>
- 第一個關鍵字的對象是頂邊,中間跟底邊的圖片,而第二個關鍵字的對象是左邊跟右邊的邊框。如果第二個不存在,則沿用第一個關鍵字的設定。如果兩者皆不存在,預設值為 <code> stretch</code>。</dd>
-</dl>
-
-<h3 id="範例">範例</h3>
-
-<p>[這裡還需要一些活範例]</p>
-
-<pre>#header { -moz-border-image: url(border.png) 27 27 27 27 round round; }
-
-.button { -moz-border-image: url(button.png) 0 5 0 5; }
-
-.example { -moz-border-image: url(example.jpg) 3 4 6 8 / 10px 12px 14px 22px; }
-</pre>
-
-<pre>/* 鮮見例,在 Firefox 3.5 下看起來像是完全伸展的 background-image */
-
- div { -moz-border-image: url(bgimage.png) 0; }
-</pre>
-
-<h3 id="瀏覽器兼容性">瀏覽器兼容性</h3>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th>瀏覽器</th>
- <th>最小版本</th>
- <th>支援</th>
- </tr>
- <tr>
- <td>Internet Explorer</td>
- <td>---</td>
- <td>---</td>
- </tr>
- <tr>
- <td>Firefox (Gecko)</td>
- <td><strong>3.5</strong> (1.9.1)</td>
- <td><code>-moz-border-image</code></td>
- </tr>
- <tr>
- <td>Opera</td>
- <td>10.5</td>
- <td><code>border-image</code></td>
- </tr>
- <tr>
- <td>Safari (WebKit)</td>
- <td><strong>3.0</strong> (522)</td>
- <td><code>-webkit-border-image</code></td>
- </tr>
- </tbody>
-</table>
-
-<h3 id="規範">規範</h3>
-
-<ul>
- <li><a class="external" href="http://www.w3.org/TR/css3-background/#border-images" title="http://www.w3.org/TR/css3-background/#border-images">CSS 3 背景與邊界模組 #border-image</a></li>
-</ul>
-
-<p>{{ languages( { "en": "en/CSS/-moz-border-image"} ) }}</p>
diff --git a/files/zh-tw/web/css/common_css_questions/index.html b/files/zh-tw/web/css/common_css_questions/index.html
deleted file mode 100644
index b824c671c4..0000000000
--- a/files/zh-tw/web/css/common_css_questions/index.html
+++ /dev/null
@@ -1,165 +0,0 @@
----
-title: CSS 一般問題
-slug: Web/CSS/Common_CSS_Questions
-tags:
- - CSS
- - 待審閱技術
- - 待審閱文字
- - 所有類別
-translation_of: Learn/CSS/Howto/CSS_FAQ
----
-<p>
-</p>
-<h4 id=".E6.88.91.E7.9A.84_CSS_.E5.90.88.E4.B9.8E.E8.A6.8F.E6.A0.BC.EF.BC.8C.E4.BD.86.E7.B9.AA.E5.87.BA.E7.9A.84.E7.89.88.E9.9D.A2.E6.9C.89.E8.AA.A4" name=".E6.88.91.E7.9A.84_CSS_.E5.90.88.E4.B9.8E.E8.A6.8F.E6.A0.BC.EF.BC.8C.E4.BD.86.E7.B9.AA.E5.87.BA.E7.9A.84.E7.89.88.E9.9D.A2.E6.9C.89.E8.AA.A4"> 我的 CSS 合乎規格,但繪出的版面有誤 </h4>
-<p>如果想讓大部分的瀏覽器都能正確繪製標準 HTML/CSS 頁面,便須於 HTML 檔案中放上完整的正確 DOCTYPE。
-</p><p>新近瀏覽器都有兩種佈局模式:
-</p>
-<ul><li> <i>Quirks 模式</i>:也稱為相容模式,讓舊網頁能依照以前舊瀏覽器的方式顯現。
-</li><li> <i>標準模式</i>:瀏覽器將依循 W3C 規範決定網頁的顯示方式。
-</li></ul>
-<p>以 Gecko 為核心的瀏覽器都有第三種<i><a href="zh_tw/Gecko_%e8%bf%91%e4%b9%8e%e6%a8%99%e6%ba%96%e6%a8%a1%e5%bc%8f">近乎標準</a></i>模式,其中只有一些些不合規範的地方。
-</p><p>如果你宣告的 DTD 不合標準或過期了,那麼瀏覽器就會進入 Quirks 模式。
-</p><p>以下是常用的 DTD 列表,可以讓瀏覽器進入標準或近乎標準模式。
-</p>
-<pre>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
-"http://www.w3.org/TR/html4/loose.dtd"&gt;
-
-&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
-"http://www.w3.org/TR/html4/strict.dtd"&gt;
-
-&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
-
-&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
-</pre>
-<h4 id="id_.E8.88.87_class_.E4.B9.8B.E9.96.93.E7.9A.84.E5.B7.AE.E5.88.A5" name="id_.E8.88.87_class_.E4.B9.8B.E9.96.93.E7.9A.84.E5.B7.AE.E5.88.A5"> <code>id</code> 與 <code>class</code> 之間的差別 </h4>
-<p>HTML 元素都可有 <code>id</code> 及 <code>class</code> 屬性。<code>id</code> 屬性是讓你為元素命名的,整個頁面中的元素名稱也不應有重複;<code>class</code> 屬性則可將元素歸為某特定類別,通常也會有很多元素屬於同一種類別 (意即 <code>class</code> 屬性值相同。) CSS 可以讓你以 <code>id</code> 或 <code>class</code> 來決定某元素的樣式。
-</p><p>如果你想指定某特定單一元素的樣式,則應使用 <code>id</code>。
-</p>
-<hr>
-<p>若有很多個元素皆有相同樣式,則可使用 <code>class</code>。
-</p><p>這方面的資訊亦可參考 <a href="zh_tw/CSS/Getting_Started/Selectors">CSS 選取符</a>。
-</p>
-<hr>
-<h4 id=".E6.81.A2.E5.BE.A9.E6.9F.90.E7.89.B9.E6.80.A7.E7.9A.84.E9.A0.90.E8.A8.AD.E5.80.BC" name=".E6.81.A2.E5.BE.A9.E6.9F.90.E7.89.B9.E6.80.A7.E7.9A.84.E9.A0.90.E8.A8.AD.E5.80.BC"> 恢復某特性的預設值 </h4>
-<p>CSS2 並不提供任何指定某特性預設值的方法,所以要恢復某特性預設值的唯一方法就是重新指定此值。此外你自己得知道預設值是什麼,因為 CSS 也沒有所謂 <i>default</i> 的關鍵字。
-</p><p>所以,以選取符撰寫樣式時須特別注意 (例如以標籤名稱 <code>p</code> 作為選取符),或許可以用更明確的選取符 (例如 ID 或 class)。以標籤名稱作選取符茲事體大,一旦使用便將影響整個網頁,而且沒有自動恢復預設值的方法。
-</p><p>此外,由於 CSS 具<i>串聯</i>特性,指定選取符時通常越明確越好,以免把不相干的元素都牽扯進來。
-</p>
-<h4 id=".E7.9B.B8.E4.BE.9D.E6.A8.A3.E5.BC.8F" name=".E7.9B.B8.E4.BE.9D.E6.A8.A3.E5.BC.8F"> 相依樣式 </h4>
-<p>CSS 並不支援「以另一個樣式規則為基準」的樣式設定法。 (參考 <a class="external" href="http://archivist.incutio.com/viewlist/css-discuss/2685">Eric Meyer 所寫、關於 CSS 工作小組的說明</a>。) 不過,你可以為某單一元素套上多重樣式,製作出類似效果。
-</p>
-<h4 id=".E5.A5.97.E7.94.A8.E5.A4.9A.E9.87.8D.E9.A1.9E.E5.88.A5" name=".E5.A5.97.E7.94.A8.E5.A4.9A.E9.87.8D.E9.A1.9E.E5.88.A5"> 套用多重類別 </h4>
-<p>你可以在 HTML 元素的 <code>class</code> 屬性裡以空白字元分隔填上多個樣式類別名稱,便能同時套用多重類別。
-</p>
-<pre>&lt;style type="text/css"&gt;
-.firstclass { background: black; color: white; }
-.secondclass { font-weight: bold; }
-&lt;/style&gt;
-
-&lt;div class="firstclass secondclass"&gt;
-... content ...
-... content ...
-... content ...
-&lt;/div&gt;
-</pre>
-<p>若是這些規則中設定了同一種特性值,則會依序以明確性(specificity)、定義位置先後決定顯示方式,與<code>class</code> 屬性中的次序無關。
-</p>
-<h4 id=".E7.84.A1.E7.94.A8.E6.A8.A3.E5.BC.8F" name=".E7.84.A1.E7.94.A8.E6.A8.A3.E5.BC.8F"> 無用樣式 </h4>
-<p>即使樣式規則已經正確設定完畢,還是可能為瀏覽器所忽略,此時通常是經過語法及優先權法則判斷後的正常現象。
-</p><p>以下是導致樣式被略過的常見情形:
-</p>
-<ul><li> HTML 元素層次問題
-</li><li> 樣式規則重新定義
-</li><li> 特性的簡寫法
-</li><li> 使用 <code>*</code> 選取符
-</li><li> CSS 明確性
-</li></ul>
-<p>你可以使用 <a href="zh_tw/DOM_%e8%a7%80%e5%af%9f%e5%99%a8">DOM 觀察器</a> 的 <i>CSS Style Rules</i> 來檢查上述問題。
-</p><p><b>HTML 元素層次問題</b>
-</p><p>此時 CSS 樣式套用與否與元素的層次大有相關,請留意:套用到子元素的樣式必定會蓋過母元素的樣式,跟明確性或 CSS 規則的優先權無關。
-</p>
-<pre>#section { font-weight: bold; }
-.redtext { font-weight: normal; color: red; }
-
-&lt;div id="section"&gt;
- 粗體、
- &lt;span class="redtext"&gt;正常紅字、&lt;/span&gt;
- 又見粗體
-&lt;/div&gt;
-</pre>
-<p>如果你的 HTML 層級錯綜複雜,發生規則意外被忽略的情形時,請檢查元素層級問題。可能有某個子元素套上了不該用的樣式。
-</p><p><b>樣式規則重新定義</b>
-</p><p>在 CSS 樣式表中,先後次序<b>非常</b>重要。如果你定義了某規則後又重新定義一次,則晚定義的才算數。
-</p>
-<pre>#section { font-weight: bold; }
-.redtext { color: red; }
-/* 其他規則 */
-/* 其他規則 */
-/* 其他規則 */
-.redtext { color: green; }
-
-&lt;div id="section"&gt;
-粗體、
-&lt;span class="redtext"&gt;正常紅字?&lt;/span&gt;
-又見粗體
-&lt;/div&gt;
-</pre>
-<p>為避免此類錯誤發生,每個特定選取符請僅定義一次樣式,集中特性一次定義也便於管理些。
-</p><p><br>
-<b>特性的簡寫法</b>
-</p><p>使用簡寫法來定義樣式簡明扼要,是個不錯的方法。你也可以用簡寫法設定某組特性中的部分特性值,但須留意其他沒寫到的部分會自動採用預設值。這表示之前的規則中為某單一特性定義的值可能失效。
-</p>
-<pre>#section { font-size: 12px; font-family: Verdana; font-weight: bold; }
-.redtext { font: 14px Arial; color: red; }
-
-&lt;div id="section"&gt;
- 採用 Verdana 粗體的 12px 字樣;
- &lt;span class="redtext"&gt;採用 Arial 正常字體的 14px 紅字;&lt;/span&gt;
- 還是採用 Verdana 粗體的 12px 字樣。
-&lt;/div&gt;
-</pre>
-<p>前一個例子中,套用到不同元素範圍的同族特性是問題所在,但就算特性都寫在同一條規則裡也可能出問題,因為順序<b>真的</b>很重要。
-</p>
-<pre>#section {
- font-weight: bold;
- font: 12px Verdana; /* 有了這行,font-weight 又回到預設的 normal 了 */
-}
-</pre>
-<p><br>
-<b>使用 <code>*</code> 選取符</b>
-</p><p><code>*</code> 選取符表示任何元素皆符合,但使用上應多加小心。
-</p>
-<pre>body * { font-weight: normal; }
-#section { font: 12px Verdana; }
-.boldtext { font-weight: bold; }
-.redtext { color: red; }
-
-&lt;div id="section"&gt;
- 正常、
- &lt;span class="boldtext"&gt;
- &lt;span class="redtext"&gt;正常紅字、&lt;/span&gt;
- &lt;/span&gt;
- 又見正常。
-&lt;/div&gt;
-</pre>
-<p>在此例中,選取符為 <code>body *</code> 的規則會套用到所有 <code>body</code> 內的元素,也包括 <i>redtext</i>,所以原先套用到 <i>boldtext</i> 的 <code>font-weight: bold;</code> 就被覆蓋為 <code>font-weight: normal;</code> 了。
-</p><p><br>
-<b>CSS 明確性</b>
-</p><p>如果某元素會套用好幾條規則,則相衝突的特性就要靠規則的明確性來分高下。行內樣式(放在 HTML 各標籤的 <code>style</code> 屬性中)優先權最高,其次是以 <code>id</code> 做選取符的規則,再其次是以 <code>class</code> 套用的類別,最後則是單純以元素名稱當選取符的規則。
-</p>
-<pre>div { color: black; }
-#orange { color: orange; }
-.green { color: green; }
-
-&lt;div id="orange" class="green" style="color: red;"&gt;是紅的!&lt;/div&gt;
-</pre>
-<p>如果樣式規則的選取符分成好幾段,計算方式就更為複雜一些。需要瞭解完整資訊者,請參考 <a class="external" href="http://www.w3.org/TR/CSS21/cascade.html#specificity">CSS 2.1 規格書的 6.4.3 一節</a>。
-</p>
-<h4 id="-moz-.2A_.E7.89.B9.E6.80.A7.E6.98.AF.E4.BB.80.E9.BA.BC.E7.8E.A9.E6.84.8F.EF.BC.9F" name="-moz-.2A_.E7.89.B9.E6.80.A7.E6.98.AF.E4.BB.80.E9.BA.BC.E7.8E.A9.E6.84.8F.EF.BC.9F"> -moz-* 特性是什麼玩意? </h4>
-<p>請見 <a href="zh_tw/Mozilla_%e6%93%b4%e5%85%85%e7%9a%84_CSS">Mozilla 擴充的 CSS</a>。由於這些擴充規格不是 W3C 標準的一部分,因此並不建議使用。
-</p>
-<div class="noinclude">
-</div>
-{{ languages( { "en": "en/Common_CSS_Questions", "pl": "pl/Cz\u0119ste_pytania_o_CSS" } ) }}
diff --git a/files/zh-tw/web/css/css_background_and_borders/index.html b/files/zh-tw/web/css/css_backgrounds_and_borders/index.html
index c9232cbf7a..c9232cbf7a 100644
--- a/files/zh-tw/web/css/css_background_and_borders/index.html
+++ b/files/zh-tw/web/css/css_backgrounds_and_borders/index.html
diff --git a/files/zh-tw/web/css/css_background_and_borders/using_css_multiple_backgrounds/index.html b/files/zh-tw/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.html
index 66451b2ae2..66451b2ae2 100644
--- a/files/zh-tw/web/css/css_background_and_borders/using_css_multiple_backgrounds/index.html
+++ b/files/zh-tw/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.html
diff --git a/files/zh-tw/web/css/css_colors/index.html b/files/zh-tw/web/css/css_color/index.html
index 25cc1b29d8..25cc1b29d8 100644
--- a/files/zh-tw/web/css/css_colors/index.html
+++ b/files/zh-tw/web/css/css_color/index.html
diff --git a/files/zh-tw/web/css/css_flexible_box_layout/using_css_flexible_boxes/index.html b/files/zh-tw/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html
index af098dde55..af098dde55 100644
--- a/files/zh-tw/web/css/css_flexible_box_layout/using_css_flexible_boxes/index.html
+++ b/files/zh-tw/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html