[zh-tw] sync translated content

files/zh-tw/_redirects.txt

@@ -75,7 +75,7 @@
 /zh-TW/docs/DOM/XMLHttpRequest	/zh-TW/docs/Web/API/XMLHttpRequest
 /zh-TW/docs/DOM/XMLHttpRequest/FormData	/zh-TW/docs/Web/API/FormData
 /zh-TW/docs/DOM/XMLHttpRequest/Using_XMLHttpRequest	/zh-TW/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest
-/zh-TW/docs/DOM_中的空白字元	/zh-TW/docs/Web/CSS/CSS_text/Whitespace
+/zh-TW/docs/DOM_中的空白字元	/zh-TW/docs/Web/CSS/Guides/Text/Whitespace
 /zh-TW/docs/DragDrop	/zh-TW/docs/Web/API/HTML_Drag_and_Drop_API
 /zh-TW/docs/DragDrop/Drag_and_Drop	/zh-TW/docs/Web/API/HTML_Drag_and_Drop_API
 /zh-TW/docs/Drawing_text_using_a_canvas	/zh-TW/docs/Web/API/Canvas_API/Tutorial/Drawing_text
@@ -512,8 +512,8 @@
 /zh-TW/docs/Web/API/Coordinates/speed	/zh-TW/docs/Web/API/GeolocationCoordinates/speed
 /zh-TW/docs/Web/API/Document/registerElement	/zh-TW/docs/Web/API/CustomElementRegistry/define
 /zh-TW/docs/Web/API/Document_Object_Model/Examples	/zh-TW/docs/Web/API/Document_Object_Model
-/zh-TW/docs/Web/API/Document_Object_Model/Whitespace	/zh-TW/docs/Web/CSS/CSS_text/Whitespace
-/zh-TW/docs/Web/API/Document_Object_Model/Whitespace_in_the_DOM	/zh-TW/docs/Web/CSS/CSS_text/Whitespace
+/zh-TW/docs/Web/API/Document_Object_Model/Whitespace	/zh-TW/docs/Web/CSS/Guides/Text/Whitespace
+/zh-TW/docs/Web/API/Document_Object_Model/Whitespace_in_the_DOM	/zh-TW/docs/Web/CSS/Guides/Text/Whitespace
 /zh-TW/docs/Web/API/Document_Object_Model/事件	/zh-TW/docs/Web/API/Event
 /zh-TW/docs/Web/API/ElementCSSInlineStyle/style	/en-US/docs/Web/API/HTMLElement/style
 /zh-TW/docs/Web/API/EventListener	/zh-TW/docs/Web/API/EventTarget/addEventListener
@@ -562,20 +562,41 @@
 /zh-TW/docs/Web/CSS/@namespace	/zh-TW/docs/Web/CSS/Reference/At-rules/@namespace
 /zh-TW/docs/Web/CSS/@viewport	/zh-TW/docs/Web/CSS
 /zh-TW/docs/Web/CSS/@viewport/height	/zh-TW/docs/Web/CSS
-/zh-TW/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes	/zh-TW/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox
-/zh-TW/docs/Web/CSS/CSS_colors/Color_picker	/zh-TW/docs/Web/CSS/CSS_colors/Color_format_converter
-/zh-TW/docs/Web/CSS/CSS_colors/Color_picker_tool	/zh-TW/docs/Web/CSS/CSS_colors/Color_format_converter
-/zh-TW/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context_example_1	/zh-TW/docs/Web/CSS/CSS_positioned_layout/Stacking_context/Stacking_context_example_1
+/zh-TW/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes	/zh-TW/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts
+/zh-TW/docs/Web/CSS/CSS_animations/Using_CSS_animations	/zh-TW/docs/Web/CSS/Guides/Animations/Using
+/zh-TW/docs/Web/CSS/CSS_backgrounds_and_borders/Using_multiple_backgrounds	/zh-TW/docs/Web/CSS/Guides/Backgrounds_and_borders/Using_multiple_backgrounds
+/zh-TW/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing	/zh-TW/docs/Web/CSS/Guides/Box_model/Margin_collapsing
+/zh-TW/docs/Web/CSS/CSS_cascade/Inheritance	/zh-TW/docs/Web/CSS/Guides/Cascade/Inheritance
+/zh-TW/docs/Web/CSS/CSS_cascade/Shorthand_properties	/zh-TW/docs/Web/CSS/Guides/Cascade/Shorthand_properties
+/zh-TW/docs/Web/CSS/CSS_colors/Color_format_converter	/zh-TW/docs/Web/CSS/Guides/Colors/Color_format_converter
+/zh-TW/docs/Web/CSS/CSS_colors/Color_picker	/zh-TW/docs/Web/CSS/Guides/Colors/Color_format_converter
+/zh-TW/docs/Web/CSS/CSS_colors/Color_picker_tool	/zh-TW/docs/Web/CSS/Guides/Colors/Color_format_converter
+/zh-TW/docs/Web/CSS/CSS_flexible_box_layout	/zh-TW/docs/Web/CSS/Guides/Flexible_box_layout
+/zh-TW/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox	/zh-TW/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts
+/zh-TW/docs/Web/CSS/CSS_fonts	/zh-TW/docs/Web/CSS/Guides/Fonts
+/zh-TW/docs/Web/CSS/CSS_fonts/WOFF	/zh-TW/docs/Web/CSS/Guides/Fonts/WOFF
+/zh-TW/docs/Web/CSS/CSS_grid_layout	/zh-TW/docs/Web/CSS/Guides/Grid_layout
+/zh-TW/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout	/zh-TW/docs/Web/CSS/Guides/Grid_layout/Basic_concepts
+/zh-TW/docs/Web/CSS/CSS_images/Replaced_element_properties	/zh-TW/docs/Web/CSS/Guides/Images/Replaced_element_properties
+/zh-TW/docs/Web/CSS/CSS_inline_layout	/zh-TW/docs/Web/CSS/Guides/Inline_layout
+/zh-TW/docs/Web/CSS/CSS_lists/Consistent_list_indentation	/zh-TW/docs/Web/CSS/Guides/Lists/Indenting
+/zh-TW/docs/Web/CSS/CSS_media_queries/Testing_media_queries	/zh-TW/docs/Web/CSS/Guides/Media_queries/Testing
+/zh-TW/docs/Web/CSS/CSS_positioned_layout/Stacking_context/Stacking_context_example_1	/zh-TW/docs/Web/CSS/Guides/Positioned_layout/Stacking_context/Example_1
+/zh-TW/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context_example_1	/zh-TW/docs/Web/CSS/Guides/Positioned_layout/Stacking_context/Example_1
+/zh-TW/docs/Web/CSS/CSS_selectors	/zh-TW/docs/Web/CSS/Guides/Selectors
+/zh-TW/docs/Web/CSS/CSS_syntax/Syntax	/zh-TW/docs/Web/CSS/Guides/Syntax/Introduction
+/zh-TW/docs/Web/CSS/CSS_text/Whitespace	/zh-TW/docs/Web/CSS/Guides/Text/Whitespace
+/zh-TW/docs/Web/CSS/CSS_transitions/Using_CSS_transitions	/zh-TW/docs/Web/CSS/Guides/Transitions/Using
 /zh-TW/docs/Web/CSS/CSS_一般問題	/zh-TW/docs/Learn_web_development/Howto/Solve_CSS_problems/CSS_FAQ
-/zh-TW/docs/Web/CSS/CSS_網格_布局	/zh-TW/docs/Web/CSS/CSS_grid_layout
+/zh-TW/docs/Web/CSS/CSS_網格_布局	/zh-TW/docs/Web/CSS/Guides/Grid_layout
 /zh-TW/docs/Web/CSS/Common_CSS_Questions	/zh-TW/docs/Learn_web_development/Howto/Solve_CSS_problems/CSS_FAQ
 /zh-TW/docs/Web/CSS/Descendant_combinator	/zh-TW/docs/Web/CSS/Reference/Selectors/Descendant_combinator
 /zh-TW/docs/Web/CSS/Descendant_selectors	/zh-TW/docs/Web/CSS/Reference/Selectors/Descendant_combinator
-/zh-TW/docs/Web/CSS/Inheritance	/zh-TW/docs/Web/CSS/CSS_cascade/Inheritance
+/zh-TW/docs/Web/CSS/Inheritance	/zh-TW/docs/Web/CSS/Guides/Cascade/Inheritance
 /zh-TW/docs/Web/CSS/Pseudo-classes	/zh-TW/docs/Web/CSS/Reference/Selectors/Pseudo-classes
-/zh-TW/docs/Web/CSS/Replaced_element	/zh-TW/docs/Web/CSS/CSS_images/Replaced_element_properties
-/zh-TW/docs/Web/CSS/Shorthand_properties	/zh-TW/docs/Web/CSS/CSS_cascade/Shorthand_properties
-/zh-TW/docs/Web/CSS/Syntax	/zh-TW/docs/Web/CSS/CSS_syntax/Syntax
+/zh-TW/docs/Web/CSS/Replaced_element	/zh-TW/docs/Web/CSS/Guides/Images/Replaced_element_properties
+/zh-TW/docs/Web/CSS/Shorthand_properties	/zh-TW/docs/Web/CSS/Guides/Cascade/Shorthand_properties
+/zh-TW/docs/Web/CSS/Syntax	/zh-TW/docs/Web/CSS/Guides/Syntax/Introduction
 /zh-TW/docs/Web/CSS/Type_selectors	/zh-TW/docs/Web/CSS/Reference/Selectors/Type_selectors
 /zh-TW/docs/Web/CSS/animation-fill-mode	/zh-TW/docs/Web/CSS/Reference/Properties/animation-fill-mode
 /zh-TW/docs/Web/CSS/background-attachment	/zh-TW/docs/Web/CSS/Reference/Properties/background-attachment
@@ -594,15 +615,16 @@
 /zh-TW/docs/Web/CSS/height	/zh-TW/docs/Web/CSS/Reference/Properties/height
 /zh-TW/docs/Web/CSS/ruby-position	/zh-TW/docs/Web/CSS/Reference/Properties/ruby-position
 /zh-TW/docs/Web/CSS/transform	/zh-TW/docs/Web/CSS/Reference/Properties/transform
+/zh-TW/docs/Web/CSS/transform-function/translate3d	/zh-TW/docs/Web/CSS/Reference/Values/transform-function/translate3d
 /zh-TW/docs/Web/CSS/transform-origin	/zh-TW/docs/Web/CSS/Reference/Properties/transform-origin
 /zh-TW/docs/Web/CSS/transition	/zh-TW/docs/Web/CSS/Reference/Properties/transition
 /zh-TW/docs/Web/CSS/transition-duration	/zh-TW/docs/Web/CSS/Reference/Properties/transition-duration
 /zh-TW/docs/Web/CSS/transition-timing-function	/zh-TW/docs/Web/CSS/Reference/Properties/transition-timing-function
 /zh-TW/docs/Web/CSS/white-space	/zh-TW/docs/Web/CSS/Reference/Properties/white-space
 /zh-TW/docs/Web/CSS/width	/zh-TW/docs/Web/CSS/Reference/Properties/width
 /zh-TW/docs/Web/CSS/彈頭	/zh-TW/docs/Web/CSS/Reference/Properties/box-sizing
-/zh-TW/docs/Web/CSS/繼承	/zh-TW/docs/Web/CSS/CSS_cascade/Inheritance
-/zh-TW/docs/Web/CSS/語法	/zh-TW/docs/Web/CSS/CSS_syntax/Syntax
+/zh-TW/docs/Web/CSS/繼承	/zh-TW/docs/Web/CSS/Guides/Cascade/Inheritance
+/zh-TW/docs/Web/CSS/語法	/zh-TW/docs/Web/CSS/Guides/Syntax/Introduction
 /zh-TW/docs/Web/Events	/zh-TW/docs/Web/API/Document_Object_Model/Events
 /zh-TW/docs/Web/Events/Creating_and_triggering_events	/zh-TW/docs/Web/API/Document_Object_Model/Events
 /zh-TW/docs/Web/Events/Event_handlers	/zh-TW/docs/Web/API/Document_Object_Model/Events
@@ -641,7 +663,7 @@
 /zh-TW/docs/Web/Guide/HTML/HTML5	/zh-TW/docs/Glossary/HTML5
 /zh-TW/docs/Web/Guide/HTML/HTML5/Introduction_to_HTML5	/zh-TW/docs/Learn_web_development/Core/Structuring_content
 /zh-TW/docs/Web/Guide/Introduction_to_Web_development	/zh-TW/docs/Learn_web_development
-/zh-TW/docs/Web/Guide/WOFF	/zh-TW/docs/Web/CSS/CSS_fonts/WOFF
+/zh-TW/docs/Web/Guide/WOFF	/zh-TW/docs/Web/CSS/Guides/Fonts/WOFF
 /zh-TW/docs/Web/Guide/Writing_forward-compatible_websites	/zh-TW/docs/Learn_web_development/Core/Scripting/Debugging_JavaScript
 /zh-TW/docs/Web/Guide/圖像	/zh-TW/docs/Learn_web_development/Core/Structuring_content/HTML_images
 /zh-TW/docs/Web/HTML/Attributes	/zh-TW/docs/Web/HTML/Reference/Attributes

files/zh-tw/_wikihistory.json

@@ -3677,7 +3677,7 @@
       "BobChao"
     ]
   },
-  "Web/CSS/CSS_animations/Using_CSS_animations": {
+  "Web/CSS/Guides/Animations/Using": {
     "modified": "2019-03-24T00:13:58.706Z",
     "contributors": [
       "SphinxKnight",
@@ -3686,7 +3686,7 @@
       "sailplaneTW"
     ]
   },
-  "Web/CSS/CSS_backgrounds_and_borders/Using_multiple_backgrounds": {
+  "Web/CSS/Guides/Backgrounds_and_borders/Using_multiple_backgrounds": {
     "modified": "2019-03-23T22:48:53.708Z",
     "contributors": [
       "sss63232",
@@ -3695,7 +3695,7 @@
       "alk03073135"
     ]
   },
-  "Web/CSS/CSS_box_model/Mastering_margin_collapsing": {
+  "Web/CSS/Guides/Box_model/Margin_collapsing": {
     "modified": "2020-08-17T06:43:18.638Z",
     "contributors": [
       "osk2",
@@ -3704,29 +3704,29 @@
       "MOSapeizer"
     ]
   },
-  "Web/CSS/CSS_cascade/Inheritance": {
+  "Web/CSS/Guides/Cascade/Inheritance": {
     "modified": "2019-03-23T22:48:52.230Z",
     "contributors": [
       "jackblackevo",
       "alk03073135"
     ]
   },
-  "Web/CSS/CSS_cascade/Shorthand_properties": {
+  "Web/CSS/Guides/Cascade/Shorthand_properties": {
     "modified": "2019-03-23T23:05:17.353Z",
     "contributors": [
       "fscholz",
       "irvinfly",
       "wildsky"
     ]
   },
-  "Web/CSS/CSS_colors/Color_format_converter": {
+  "Web/CSS/Guides/Colors/Color_format_converter": {
     "modified": "2019-03-23T22:44:42.147Z",
     "contributors": [
       "Shiyou",
       "alk03073135"
     ]
   },
-  "Web/CSS/CSS_flexible_box_layout": {
+  "Web/CSS/Guides/Flexible_box_layout": {
     "modified": "2020-07-30T05:18:51.473Z",
     "contributors": [
       "klareh",
@@ -3735,22 +3735,22 @@
       "WynnChen"
     ]
   },
-  "Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox": {
+  "Web/CSS/Guides/Flexible_box_layout/Basic_concepts": {
     "modified": "2020-05-11T23:59:37.780Z",
     "contributors": [
       "wildsky",
       "iigmir",
       "1986slayer"
     ]
   },
-  "Web/CSS/CSS_fonts/WOFF": {
+  "Web/CSS/Guides/Fonts/WOFF": {
     "modified": "2019-03-23T23:28:22.570Z",
     "contributors": [
       "fscholz",
       "carl_tw"
     ]
   },
-  "Web/CSS/CSS_grid_layout": {
+  "Web/CSS/Guides/Grid_layout": {
     "modified": "2020-02-01T05:41:13.615Z",
     "contributors": [
       "SvampK",
@@ -3759,43 +3759,43 @@
       "jackblackevo"
     ]
   },
-  "Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout": {
+  "Web/CSS/Guides/Grid_layout/Basic_concepts": {
     "modified": "2019-10-24T13:10:33.813Z",
     "contributors": [
       "akccakcctw",
       "iigmir",
       "1986slayer"
     ]
   },
-  "Web/CSS/CSS_images/Replaced_element_properties": {
+  "Web/CSS/Guides/Images/Replaced_element_properties": {
     "modified": "2019-03-23T22:59:51.482Z",
     "contributors": [
       "MashKao"
     ]
   },
-  "Web/CSS/CSS_lists/Consistent_list_indentation": {
+  "Web/CSS/Guides/Lists/Indenting": {
     "modified": "2019-03-24T00:14:02.326Z",
     "contributors": [
       "jackblackevo",
       "ethertank",
       "sailplaneTW"
     ]
   },
-  "Web/CSS/CSS_media_queries/Testing_media_queries": {
+  "Web/CSS/Guides/Media_queries/Testing": {
     "modified": "2019-03-23T22:55:57.771Z",
     "contributors": [
       "jackblackevo",
       "foxbrush"
     ]
   },
-  "Web/CSS/CSS_positioned_layout/Stacking_context/Stacking_context_example_1": {
+  "Web/CSS/Guides/Positioned_layout/Stacking_context/Example_1": {
     "modified": "2019-03-23T22:55:03.379Z",
     "contributors": [
       "jackblackevo",
       "h140100"
     ]
   },
-  "Web/CSS/CSS_selectors": {
+  "Web/CSS/Guides/Selectors": {
     "modified": "2020-10-24T16:00:38.628Z",
     "contributors": [
       "NekoChan-2851",
@@ -3806,15 +3806,15 @@
       "jackblackevo"
     ]
   },
-  "Web/CSS/CSS_syntax/Syntax": {
+  "Web/CSS/Guides/Syntax/Introduction": {
     "modified": "2020-06-01T00:28:11.978Z",
     "contributors": [
       "bensontobeicsc",
       "jackblackevo",
       "xuan0123"
     ]
   },
-  "Web/CSS/CSS_text/Whitespace": {
+  "Web/CSS/Guides/Text/Whitespace": {
     "modified": "2020-01-30T13:21:14.453Z",
     "contributors": [
       "chrisdavidmills",
@@ -4014,7 +4014,7 @@
       "YvonneYu"
     ]
   },
-  "Web/CSS/transform-function/translate3d": {
+  "Web/CSS/Reference/Values/transform-function/translate3d": {
     "modified": "2020-11-30T13:00:00.920Z",
     "contributors": [
       "chrisdavidmills",

files/zh-tw/glossary/block-level_content/index.md

@@ -110,6 +110,6 @@ The following is a complete list of all HTML block level elements (although "blo
 ### 參閱
 
 - [行內級元素](/zh-TW/docs/Glossary/Inline-level_content)
-- [Block formatting context](/zh-TW/docs/Web/CSS/CSS_display/Block_formatting_context)
+- [區塊格式化上下文](/zh-TW/docs/Web/CSS/Guides/Display/Block_formatting_context)
 - {{cssxref("display")}}
 - [`writing-mode`](/zh-TW/docs/Web/CSS/Reference/Properties/writing-mode)

files/zh-tw/glossary/block/css/index.md

@@ -1,14 +1,12 @@
 ---
-title: 區塊 (CSS)
+title: 區塊（CSS）
 slug: Glossary/Block/CSS
 ---
 
-在網頁上一個**區塊**是一個{{glossary("HTML")}}元素({{glossary("element")}})它會出現一個新的行，例：在前面的元素之下和後面的元素之前(通常稱爲塊級元素)。擧個例子, {{htmlelement("p")}} 標簽就是一個默認的塊級元素，而 {{htmlelement("a")}} 標簽則是一個内聯元素— 你可以在 HTML 源代碼放一些相鄰的鏈接，他們將會并列渲染在相同的行。
+在網頁上一個**區塊**是一個 {{glossary("HTML")}} {{glossary("element", "元素")}}它會出現一個新的行，例：在前面的元素之下和後面的元素之前（通常稱爲*塊級元素*）。擧個例子，{{htmlelement("p")}} 標簽就是一個默認的塊級元素，而 {{htmlelement("a")}} 標簽則是一個*内聯元素*——你可以在 HTML 源代碼放一些相鄰的鏈接，他們將會并列渲染在相同的行。
 
-使用 {{cssxref("display")}} 屬性你可以隨意改變大多數元素的顯示方式，不論是内聯還是區塊(其中還有很多其他的選項); **blocks** 也同樣會受到定位方案和{{cssxref("position")}}屬性的影響。
+使用 {{cssxref("display")}} 屬性你可以隨意改變大多數元素的顯示方式，不論是内聯還是區塊（其中還有很多其他的選項）；**blocks** 也同樣會受到定位方案和 {{cssxref("position")}} 屬性的影響。
 
-## 了解更多
+## 參見
 
-### 基礎知識
-
-- [視覺格式模型](/zh-TW/docs/Web/CSS/Visual_formatting_model)
+- [視覺格式模型](/zh-TW/docs/Web/CSS/Guides/Display/Visual_formatting_model)

files/zh-tw/glossary/grid/index.md

@@ -67,4 +67,4 @@ _CSS 格線_(CSS grid) 使用 `display: grid;` 值，你可以透過 {{cssxref("
 
 ### 參閱
 
-- CSS 格線布局教學：_[格線布局的基本概念](/zh-TW/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)_
+- CSS 格線布局教學：_[格線布局的基本概念](/zh-TW/docs/Web/CSS/Guides/Grid_layout/Basic_concepts)_

files/zh-tw/learn_web_development/core/css_layout/index.md

@@ -25,7 +25,7 @@ slug: Learn_web_development/Core/CSS_layout
 - [常規流](/zh-TW/docs/Learn_web_development/Core/CSS_layout/Introduction)
   - : 在我們做任何事之前，網頁上的元素會根據常規流自行排列。這篇文章解釋常規流的基礎知識，用來學習如何改變它。
 - [彈性盒子](/zh-TW/docs/Learn_web_development/Core/CSS_layout/Flexbox)
-  - : [彈性盒子](/zh-TW/docs/Web/CSS/CSS_flexible_box_layout/Typical_use_cases_of_flexbox)是一維空間的排版方式，用來讓項目以行或列的方式排列。項目會延展或限縮來符合較大或較小的空間。這篇文章會解釋基礎原理。
+  - : [彈性盒子](/zh-TW/docs/Web/CSS/Guides/Flexible_box_layout/Use_cases)是一維空間的排版方式，用來讓項目以行或列的方式排列。項目會延展或限縮來符合較大或較小的空間。這篇文章會解釋基礎原理。
 - [網格](/zh-TW/docs/Learn_web_development/Core/CSS_layout/Grids)
   - : CSS 網格排版是一個二維空間的網頁排版系統。它讓你將內容排入行與列中，且它有許多功能讓你在建立複雜的排版時變得簡單明瞭。這篇文章會告訴你全部。
 - [浮動](/zh-TW/docs/Learn_web_development/Core/CSS_layout/Floats)

files/zh-tw/learn_web_development/core/structuring_content/basic_html_syntax/index.md

@@ -616,6 +616,6 @@ HTML 就像大部分的程式語言，提供了一種能讓我們可以在原始
 
 ## 參見
 
-- [用 CSS 為 HTML 元素修改顏色](/zh-TW/docs/Web/CSS/CSS_colors/Applying_color)
+- [用 CSS 為 HTML 元素修改顏色](/zh-TW/docs/Web/CSS/Guides/Colors/Applying_color)
 
 {{NextMenu("Learn_web_development/Core/Structuring_content/Webpage_metadata", "Learn_web_development/Core/Structuring_content")}}

files/zh-tw/learn_web_development/getting_started/your_first_website/what_will_your_website_look_like/index.md

@@ -41,7 +41,7 @@ slug: Learn_web_development/Getting_started/Your_first_website/What_will_your_we
 
 ### 主題色彩
 
-可透過[選色工具](/zh-TW/docs/Web/CSS/CSS_colors/Color_format_converter)找到你喜歡的顏色。當你點擊其中一種顏色，就會看到如下圖「`#660066`」的 6 位數字，此即代表該顏色的十六進位 (Hexadecimal) 色碼。請另外找個地方記錄此色碼。
+可透過[選色工具](/zh-TW/docs/Web/CSS/Guides/Colors/Color_format_converter)找到你喜歡的顏色。當你點擊其中一種顏色，就會看到如下圖「`#660066`」的 6 位數字，此即代表該顏色的十六進位 (Hexadecimal) 色碼。請另外找個地方記錄此色碼。
 
 ![](color-picker.png)
 

files/zh-tw/learn_web_development/howto/solve_css_problems/index.md

@@ -46,9 +46,9 @@ slug: Learn_web_development/Howto/Solve_CSS_problems
 
 ### 布局指南
 
-- [使用 CSS 彈性盒子](/zh-TW/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox)
-- [使用 CSS 多行布局](/zh-TW/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts)
-- [使用 CSS 格線布局](/zh-TW/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)
+- [使用 CSS 彈性盒子](/zh-TW/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts)
+- [使用 CSS 多行布局](/zh-TW/docs/Web/CSS/Guides/Multicol_layout/Using)
+- [使用 CSS 格線布局](/zh-TW/docs/Web/CSS/Guides/Grid_layout/Basic_concepts)
 - [使用 CSS 生成內容](/zh-TW/docs/Learn_web_development/Howto/Solve_CSS_problems/Generated_content)
 
 > [!NOTE]

files/zh-tw/mdn/tutorials/index.md

@@ -67,9 +67,9 @@ slug: MDN/Tutorials
 
 ### 高級
 
-- **[Using CSS transforms](/zh-TW/docs/Web/CSS/CSS_transforms/Using_CSS_transforms)**
+- **[Using CSS transforms](/zh-TW/docs/Web/CSS/Guides/Transforms/Using)**
   - : Apply rotation, skewing, scaling, and translation using CSS.
-- **[CSS transitions](/zh-TW/docs/Web/CSS/CSS_transitions/Using_CSS_transitions)**
+- **[CSS transitions](/zh-TW/docs/Web/CSS/Guides/Transitions/Using)**
   - : CSS transitions, part of the draft CSS3 specification, provide a way to animate changes to CSS properties, instead of having the changes take effect instantly.
 - **[Quick Guide to Implement Web Fonts with @font-face](https://www.html5rocks.com/tutorials/webfonts/quick/) (HTML5 Rocks)**
   - : The @font-face feature from CSS3 allows you to use custom typefaces on the web in an accessible, manipulatable, and scalable way.