fix: slugs and titles in CSS module landing pages (f-s)

ref: mdn/content#26958

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

@@ -67,4 +67,4 @@ _（注：在容器 div 上用 row 和 column 定义的网格总数，等于 行
 
 ### 扩展阅读
 
-- CSS Grid Layout Guide: _[布局的基本概念](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+- CSS Grid Layout Guide: _[布局的基本概念](/zh-CN/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)_

files/zh-cn/glossary/grid_areas/index.md

@@ -3,7 +3,7 @@ title: Grid Areas
 slug: Glossary/Grid_Areas
 ---
 
-**网格区域**是网格中由一个或者多个{{glossary("grid cell", "网格单元格")}}组成的一个矩形区域。当你使用[基于网格线位置](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid)放置一个项目或者使用[命名的网格区域](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas)定义区域时，网格区域被创建。
+**网格区域**是网格中由一个或者多个{{glossary("grid cell", "网格单元格")}}组成的一个矩形区域。当你使用[基于网格线位置](/zh-CN/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_line-based_placement)放置一个项目或者使用[命名的网格区域](/zh-CN/docs/Web/CSS/CSS_grid_layout/Grid_template_areas)定义区域时，网格区域被创建。
 
 ![Image showing a highlighted grid area](1_grid_area.png)
 
@@ -70,6 +70,6 @@ slug: Glossary/Grid_Areas
 
 ### 扩展阅读
 
-- CSS Grid Layout Guide: _[Basic concepts of grid layout](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
-- CSS Grid Layout Guide: _[Grid template areas](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Grid_Template_Areas)_
+- CSS Grid Layout Guide: _[Basic concepts of grid layout](/zh-CN/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)_
+- CSS Grid Layout Guide: _[Grid template areas](/zh-CN/docs/Web/CSS/CSS_grid_layout/Grid_template_areas)_
 - [Definition of Grid Areas in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#grid-area-concept)

files/zh-cn/glossary/grid_axis/index.md

@@ -5,7 +5,7 @@ slug: Glossary/Grid_Axis
 
 CSS 网格布局是一种二维布局方法，能够按*行*和*列*对内容布局。因此在任何网格中都有两个轴——*块向或列轴*（block or column axis），及*行向或行轴*（inline or row axis）。
 
-沿着这些轴可以使用[盒对齐规范](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout)中定义的属性对元素按块向轴或行向轴对齐。
+沿着这些轴可以使用[盒对齐规范](/zh-CN/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout)中定义的属性对元素按块向轴或行向轴对齐。
 
 在 CSS 中，*块向或列轴*用于对文本区块布局。如果你有两个段落，用的从右到左、从上到下的语言，那么在块向轴上两个段落一个排在另一个下面。
 
@@ -15,10 +15,10 @@ CSS 网格布局是一种二维布局方法，能够按*行*和*列*对内容布
 
 ![CSS 网格布局中的行向轴图示](7_inline_axis.png)
 
-这些轴的实体方向可根据文档的[书写模式](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Logical_Values_and_Writing_Modes)改变。
+这些轴的实体方向可根据文档的[书写模式](/zh-CN/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes)改变。
 
 ## 参见
 
-- CSS 网格布局指南：*[网格布局的基本概念](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)*
-- CSS 网格布局指南：*[网格布局中的盒对齐](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout)*
-- CSS 网格布局指南：*[网格、逻辑值和书写模式](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Logical_Values_and_Writing_Modes)*
+- CSS 网格布局指南：*[网格布局的基本概念](/zh-CN/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)*
+- CSS 网格布局指南：*[网格布局中的盒对齐](/zh-CN/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout)*
+- CSS 网格布局指南：*[网格、逻辑值和书写模式](/zh-CN/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes)*

files/zh-cn/glossary/grid_cell/index.md

@@ -3,7 +3,7 @@ title: Grid Cell
 slug: Glossary/Grid_Cell
 ---
 
-在[Grid 布局](/zh-CN/docs/Web/CSS/CSS_Grid_Layout)中，**网络单元格**是 CSS 网格中的最小单元。它是四条{{glossary("grid lines","网格线")}}之间的空间，概念上非常像表格单元格。
+在[Grid 布局](/zh-CN/docs/Web/CSS/CSS_grid_layout)中，**网络单元格**是 CSS 网格中的最小单元。它是四条{{glossary("grid lines","网格线")}}之间的空间，概念上非常像表格单元格。
 
 ![Diagram showing an individual cell on the grid.](1_grid_cell.png)
 
@@ -62,5 +62,5 @@ slug: Glossary/Grid_Cell
 
 ### 扩展阅读
 
-- CSS Grid Layout Guide: _[Basic concepts of grid layout](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+- CSS Grid Layout Guide: _[Basic concepts of grid layout](/zh-CN/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)_
 - [Definition of Grid Cells in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#grid-track-concept)

files/zh-cn/glossary/grid_column/index.md

@@ -3,11 +3,11 @@ title: Grid Column
 slug: Glossary/Grid_Column
 ---
 
-**网格列**是[Grid 布局](/zh-CN/docs/Web/CSS/CSS_Grid_Layout)中的垂直轨道，即两个垂直网格线之间的空间。它通过属性 {{cssxref("grid-template-columns")}} 或者简写属性 {{cssxref("grid")}}，{{cssxref("grid-template")}} 定义。
+**网格列**是[Grid 布局](/zh-CN/docs/Web/CSS/CSS_grid_layout)中的垂直轨道，即两个垂直网格线之间的空间。它通过属性 {{cssxref("grid-template-columns")}} 或者简写属性 {{cssxref("grid")}}，{{cssxref("grid-template")}} 定义。
 
 另外，当项目被放置到显示网格中创建的列外面时，可以在隐式网格中创建网格列。默认情况这些列自动调整大小，也可以使用 {{cssxref("grid-auto-columns")}} 属性指定其大小。
 
-在[Grid 布局](/zh-CN/docs/Web/CSS/CSS_Grid_Layout)中使用对齐方式时，网格列沿着纵轴运行。
+在[Grid 布局](/zh-CN/docs/Web/CSS/CSS_grid_layout)中使用对齐方式时，网格列沿着纵轴运行。
 
 ## 了解更多
 
@@ -20,4 +20,4 @@ slug: Glossary/Grid_Column
 
 ### 扩展阅读
 
-- CSS Grid Layout Guide: _[Basic concepts of grid layout](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+- CSS Grid Layout Guide: _[Basic concepts of grid layout](/zh-CN/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)_

files/zh-cn/glossary/grid_container/index.md

@@ -20,4 +20,4 @@ slug: Glossary/Grid_Container
 
 ### 扩展阅读
 
-- CSS 网格布局：_[网格布局基本概念](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+- CSS 网格布局：_[网格布局基本概念](/zh-CN/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)_

files/zh-cn/glossary/grid_lines/index.md

@@ -3,7 +3,7 @@ title: Grid Lines
 slug: Glossary/Grid_Lines
 ---
 
-使用[Grid 布局](/zh-CN/docs/Web/CSS/CSS_Grid_Layout)在显式网格中定义{{glossary("Grid tracks", "轨道")}}的同时会创建**网格线**。在下面的例子中，有一个三列两行的网格。它给了我们 4 条列线和 3 条行线。
+使用[Grid 布局](/zh-CN/docs/Web/CSS/CSS_grid_layout)在显式网格中定义{{glossary("Grid tracks", "轨道")}}的同时会创建**网格线**。在下面的例子中，有一个三列两行的网格。它给了我们 4 条列线和 3 条行线。
 
 ## 示例
 
@@ -163,8 +163,8 @@ slug: Glossary/Grid_Lines
 
 ### 扩展阅读
 
-- CSS Grid Layout Guide: _[Basic concepts of grid layout](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
-- CSS Grid Layout Guide: _[Line-based placement with CSS Grid](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Line-based_Placement_with_CSS_Grid)_
-- CSS Grid Layout Guide: _[Layout using named grid lines](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Layout_using_Named_Grid_Lines)_
-- CSS Grid Layout Guide: _[CSS Grids, Logical Values and Writing Modes](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_Logical_Values_and_Writing_Modes)_
+- CSS Grid Layout Guide: _[Basic concepts of grid layout](/zh-CN/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)_
+- CSS Grid Layout Guide: _[Line-based placement with CSS Grid](/zh-CN/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_line-based_placement)_
+- CSS Grid Layout Guide: _[Layout using named grid lines](/zh-CN/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_named_grid_lines)_
+- CSS Grid Layout Guide: _[CSS Grids, Logical Values and Writing Modes](/zh-CN/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes)_
 - [Definition of Grid Lines in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#grid-line-concept)

files/zh-cn/glossary/grid_row/index.md

@@ -3,11 +3,11 @@ title: Grid Row
 slug: Glossary/Grid_Row
 ---
 
-**网格行**是[Grid 布局](/zh-CN/docs/Web/CSS/CSS_Grid_Layout)中的水平轨道，即两个水平网格线之间的空间。它通过属性 {{cssxref("grid-template-rows")}} 或者简写属性 {{cssxref("grid")}}， {{cssxref("grid-template")}} 定义。
+**网格行**是[Grid 布局](/zh-CN/docs/Web/CSS/CSS_grid_layout)中的水平轨道，即两个水平网格线之间的空间。它通过属性 {{cssxref("grid-template-rows")}} 或者简写属性 {{cssxref("grid")}}， {{cssxref("grid-template")}} 定义。
 
 另外，当项目被放置到显示网格中创建的行外面时，可以在隐式网格中创建网格行。默认情况这些行自动调整大小，也可以使用 {{cssxref("grid-auto-rows")}} 属性指定其大小。
 
-在[Grid 布局](/zh-CN/docs/Web/CSS/CSS_Grid_Layout)中使用对齐方式时，网格行沿着横轴运行。
+在[Grid 布局](/zh-CN/docs/Web/CSS/CSS_grid_layout)中使用对齐方式时，网格行沿着横轴运行。
 
 ## 了解更多
 
@@ -20,4 +20,4 @@ slug: Glossary/Grid_Row
 
 ### 扩展阅读
 
-- CSS Grid Layout Guide: _[Basic concepts of grid layout](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+- CSS Grid Layout Guide: _[Basic concepts of grid layout](/zh-CN/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)_

files/zh-cn/glossary/grid_tracks/index.md

@@ -65,5 +65,5 @@ slug: Glossary/Grid_Tracks
 
 ### 扩展阅读
 
-- CSS Grid Layout Guide: [Basic concepts of grid layout](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)
+- CSS Grid Layout Guide: [Basic concepts of grid layout](/zh-CN/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)
 - [Definition of Grid Tracks in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#grid-track-concept)

files/zh-cn/glossary/gutters/index.md

@@ -3,7 +3,7 @@ title: Gutters
 slug: Glossary/Gutters
 ---
 
-**网格间距**是网格轨道之间的间距，可以通过 {{cssxref("grid-column-gap")}}，{{cssxref("grid-row-gap")}} 或者 {{cssxref("grid-gap")}} 在[Grid 布局](/zh-CN/docs/Web/CSS/CSS_Grid_Layout)中创建。
+**网格间距**是网格轨道之间的间距，可以通过 {{cssxref("grid-column-gap")}}，{{cssxref("grid-row-gap")}} 或者 {{cssxref("grid-gap")}} 在[Grid 布局](/zh-CN/docs/Web/CSS/CSS_grid_layout)中创建。
 
 在下面的例子中，由一个三列两行的网格。它的列轨道之间有 20px 的间距，行轨道之间有 20px 的间距。
 
@@ -51,7 +51,7 @@ slug: Glossary/Gutters
 
 在网格大小上，网格间距参与计算就好像规则的网格轨道一样，但是没有任何东西可以被放置到网格间距上。网格间距也像网格线一样在那个位置会增加额外的大小，因此网格项目会被放置在网格间距末的那条网格线后。
 
-能够导致轨道被间隔开来的，除了网格间距属性，还有 margins，padding 或者使用[盒模型对齐](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout)中的空间分布属性。这些方法都会导致可见间距的产生，因此网格间距属性不等价于”间距大小“，除非你没有使用这些能够产生间距的方法。
+能够导致轨道被间隔开来的，除了网格间距属性，还有 margins，padding 或者使用[盒模型对齐](/zh-CN/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout)中的空间分布属性。这些方法都会导致可见间距的产生，因此网格间距属性不等价于”间距大小“，除非你没有使用这些能够产生间距的方法。
 
 ## 了解更多
 
@@ -63,5 +63,5 @@ slug: Glossary/Gutters
 
 ### 扩展阅读
 
-- CSS Grid Layout Guide: _[Basic concepts of grid layout](/zh-CN/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout)_
+- CSS Grid Layout Guide: _[Basic concepts of grid layout](/zh-CN/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout)_
 - [Definition of gutters in the CSS Grid Layout specification](https://drafts.csswg.org/css-grid/#gutters)

files/zh-cn/learn/css/building_blocks/handling_different_text_directions/index.md

@@ -108,7 +108,7 @@ CSS 中的书写模式是指文本的排列方向是横向还是纵向的。{{cs
 
 {{EmbedGHLiveSample("css-examples/learn/writing-modes/logical-mbp.html", '100%', 1200)}}
 
-对于每一个普通边距，都有许多属性可以参考，你可以在 MDN 页面（[Logical Properties and Values](/zh-CN/docs/Web/CSS/CSS_Logical_Properties)）查看所有映射属性。
+对于每一个普通边距，都有许多属性可以参考，你可以在 MDN 页面（[Logical Properties and Values](/zh-CN/docs/Web/CSS/CSS_logical_properties_and_values)）查看所有映射属性。
 
 ### 逻辑值
 

files/zh-cn/learn/css/building_blocks/organizing/index.md

@@ -361,6 +361,6 @@ $base-color: #c6538c;
 
 欲了解更多关于 CSS 布局的事情，查看[学习 CSS 布局](/zh-CN/docs/Learn/CSS/CSS_layout)这节课。
 
-你应该也有了探索[MDN CSS](/zh-CN/docs/Web/CSS)学习材料的剩余部分的技能。你可以查阅属性和值，探索我们的[CSS Cookbook](/zh-CN/docs/Web/CSS/Layout_cookbook)来了解可用的排布，在诸如[Guide to CSS Grid Layout](/zh-CN/docs/Web/CSS/CSS_Grid_Layout)的一些更加专门的指导里阅读更多。.
+你应该也有了探索[MDN CSS](/zh-CN/docs/Web/CSS)学习材料的剩余部分的技能。你可以查阅属性和值，探索我们的[CSS Cookbook](/zh-CN/docs/Web/CSS/Layout_cookbook)来了解可用的排布，在诸如[Guide to CSS Grid Layout](/zh-CN/docs/Web/CSS/CSS_grid_layout)的一些更加专门的指导里阅读更多。.
 
 {{PreviousMenu("Learn/CSS/Building_blocks/Debugging_CSS", "Learn/CSS/Building_blocks")}}

files/zh-cn/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.md

@@ -153,7 +153,7 @@ article p:first-child::first-line {
 | {{ Cssxref(":lang") }}                     | 基于语言（HTML[lang](/zh-CN/docs/Web/HTML/Global_attributes/lang)属性的值）匹配元素。                                                                                                                     |
 | {{ Cssxref(":last-child") }}             | 匹配兄弟元素中最末的那个元素。                                                                                                                                                                            |
 | {{ Cssxref(":last-of-type") }}         | 匹配兄弟元素中最后一个某种类型的元素。                                                                                                                                                                    |
-| {{ Cssxref(":left") }}                     | 在[分页媒体](/zh-CN/docs/Web/CSS/CSS_Pages)中，匹配左手边的页。                                                                                                                                           |
+| {{ Cssxref(":left") }}                     | 在[分页媒体](/zh-CN/docs/Web/CSS/CSS_paged_media)中，匹配左手边的页。                                                                                                                                           |
 | {{ Cssxref(":link")}}                     | 匹配未曾访问的链接。                                                                                                                                                                                      |
 | {{ Cssxref(":local-link")}}             | 匹配指向和当前文档同一网站页面的链接。                                                                                                                                                                    |
 | {{ Cssxref(":is", ":is()")}}             | 匹配传入的选择器列表中的任何选择器。                                                                                                                                                                      |
@@ -173,7 +173,7 @@ article p:first-child::first-line {
 | {{ Cssxref(":read-only") }}             | 匹配用户不可更改的元素。                                                                                                                                                                                  |
 | {{ Cssxref(":read-write") }}             | 匹配用户可更改的元素。                                                                                                                                                                                    |
 | {{ Cssxref(":required") }}             | 匹配必填的 form 元素。                                                                                                                                                                                    |
-| {{ Cssxref(":right") }}                 | 在[分页媒体](/zh-CN/docs/Web/CSS/CSS_Pages)中，匹配右手边的页。                                                                                                                                           |
+| {{ Cssxref(":right") }}                 | 在[分页媒体](/zh-CN/docs/Web/CSS/CSS_paged_media)中，匹配右手边的页。                                                                                                                                           |
 | {{ Cssxref(":root") }}                     | 匹配文档的根元素。                                                                                                                                                                                        |
 | {{ Cssxref(":scope") }}                 | 匹配任何为参考点元素的的元素。                                                                                                                                                                            |
 | {{ Cssxref(":valid") }}                 | 匹配诸如`<input>`元素的处于可用状态的元素。                                                                                                                                                               |

files/zh-cn/learn/css/building_blocks/the_box_model/index.md

@@ -70,7 +70,7 @@ slug: Learn/CSS/Building_blocks/The_box_model
 
 但是，我们可以通过使用类似 `flex` 的 `display` 属性值来更改内部显示类型。如果设置 `display: flex`，在一个元素上，外部显示类型是 `block`，但是内部显示类型修改为 `flex`。该盒子的所有直接子元素都会成为 flex 元素，会根据[弹性盒子（Flexbox）](/zh-CN/docs/Learn/CSS/CSS_layout/Flexbox)规则进行布局，稍后您将了解这些规则。
 
-> **备注：** 想要了解更多有关显示值以及盒子在块和内联布局中的工作原理，请参阅[常规流中的块和内联布局](/zh-CN/docs/Web/CSS/CSS_Flow_Layout/Block_and_Inline_Layout_in_Normal_Flow)。
+> **备注：** 想要了解更多有关显示值以及盒子在块和内联布局中的工作原理，请参阅[常规流中的块和内联布局](/zh-CN/docs/Web/CSS/CSS_flow_layout/Block_and_inline_layout_in_normal_flow)。
 
 当你进一步了解 css 布局的更多细节的时候，你会了解到 `flex`，和其他内部显示类型会用到的值，例如 [`grid`](/zh-CN/docs/Learn/CSS/CSS_layout/Grids) 。