From 47501a96629fbbd3098e3617762307ac52058040 Mon Sep 17 00:00:00 2001 From: SENNIER <111584238+Cxumhe@users.noreply.github.com> Date: Fri, 22 Sep 2023 08:03:22 +0800 Subject: [PATCH] zh-cn: fix the url error (#16007) Co-authored-by: A1lo --- .../learn/css/building_blocks/a_cool_looking_box/index.md | 6 +++--- .../css/building_blocks/cascade_and_inheritance/index.md | 6 +++--- .../building_blocks/fundamental_css_comprehension/index.md | 4 ++-- files/zh-cn/learn/css/building_blocks/organizing/index.md | 4 ++-- .../css/building_blocks/selectors/combinators/index.md | 6 +++--- .../zh-cn/learn/css/building_blocks/styling_tables/index.md | 2 +- .../zh-cn/learn/css/building_blocks/the_box_model/index.md | 4 ++-- 7 files changed, 16 insertions(+), 16 deletions(-) diff --git a/files/zh-cn/learn/css/building_blocks/a_cool_looking_box/index.md b/files/zh-cn/learn/css/building_blocks/a_cool_looking_box/index.md index 628f4e06293f0a..7b5d7a8c6b4848 100644 --- a/files/zh-cn/learn/css/building_blocks/a_cool_looking_box/index.md +++ b/files/zh-cn/learn/css/building_blocks/a_cool_looking_box/index.md @@ -3,7 +3,7 @@ title: 一个漂亮的盒子 slug: Learn/CSS/Building_blocks/A_cool_looking_box --- -{{LearnSidebar}}{{PreviousMenu("Learn/CSS/Styling_boxes/Creating_fancy_letterheaded_paper", "Learn/CSS/Styling_boxes")}} +{{LearnSidebar}}{{PreviousMenu("Learn/CSS/Styling_boxes/Creating_fancy_letterheaded_paper", "Learn/CSS/Building_blocks")}} 在这个评估里,通过尝试创造一个引人瞩目的盒子,你将得到更多关于如何创造酷炫盒子的练习。 @@ -38,7 +38,7 @@ slug: Learn/CSS/Building_blocks/A_cool_looking_box ### 样式化盒子 -给 {{htmlelement("p")}} 添加样式: +给 {{htmlelement("div")}} 添加样式: - 一个对于大按钮来说合理的宽度,200 像素左右。 - 一个对于大按钮来说合理的高度,并使文本纵向居中。 @@ -61,4 +61,4 @@ slug: Learn/CSS/Building_blocks/A_cool_looking_box 如果这个评估是一系列课程的一部分,你应该可以让你的老师或导师为你批改。如果你是自学,可以很容易地在[Learning Area Discourse thread](https://discourse.mozilla-community.org/t/learning-web-development-marking-guides-and-questions/16294)或[Mozilla IRC](https://wiki.mozilla.org/IRC)的[#mdn](irc://irc.mozilla.org/mdn) IRC 频道回复得到批改指南。请先自己试着做——作弊学不到任何东西! -{{PreviousMenu("Learn/CSS/Styling_boxes/Creating_fancy_letterheaded_paper", "Learn/CSS/Styling_boxes")}} +{{PreviousMenu("Learn/CSS/Styling_boxes/Creating_fancy_letterheaded_paper", "Learn/CSS/Building_blocks")}} diff --git a/files/zh-cn/learn/css/building_blocks/cascade_and_inheritance/index.md b/files/zh-cn/learn/css/building_blocks/cascade_and_inheritance/index.md index c2e87358475c69..95c01308416f68 100644 --- a/files/zh-cn/learn/css/building_blocks/cascade_and_inheritance/index.md +++ b/files/zh-cn/learn/css/building_blocks/cascade_and_inheritance/index.md @@ -3,7 +3,7 @@ title: 层叠与继承 slug: Learn/CSS/Building_blocks/Cascade_and_inheritance --- -{{LearnSidebar}}{{NextMenu("Learn/CSS/Building_blocks/Selectors", "Learn/CSS/Building_blocks")}} +{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors/Combinators", "Learn/CSS/Building_blocks/Cascade_layers", "Learn/CSS/Building_blocks")}} 本文旨在让你理解 CSS 的一些最基本的概念——层叠、优先级和继承——这些概念决定着如何将 CSS 应用到 HTML 中,以及如何解决冲突。 @@ -264,10 +264,10 @@ CSS 的简写属性 [`all`](/zh-CN/docs/Web/CSS/all) 可以用于同时将这些 ## 总结 -如果你理解了本文的大部分内容,那么就做得很好了——你已经开始熟悉 CSS 的基本机制。接下来,我们将详细讨论[选择器](/zh-CN/docs/Learn/CSS/Building_blocks/Selectors)。 +如果你理解了本文的大部分内容,那么就做得很好了——你已经开始熟悉 CSS 的基本机制。接下来,我们将详细讨论[层叠层](/zh-CN/docs/Learn/CSS/Building_blocks/Cascade_layers)。 如果你没有完全理解层叠、优先级和继承,也请不要担心!这绝对是我们到目前为止在课程中所涉及到的最复杂的事情,即使是专业的 web 开发人员有时也会觉得棘手。我们建议你在继续学习这门课程的过程中,反复阅读这篇文章几次,并继续思考它。 如果你开始遇到样式没有按照预期应用的奇怪问题,请回到这里。这可能是一个特殊的问题。 -{{NextMenu("Learn/CSS/Building_blocks/Selectors", "Learn/CSS/Building_blocks")}} +{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors/Combinators", "Learn/CSS/Building_blocks/Cascade_layers", "Learn/CSS/Building_blocks")}} diff --git a/files/zh-cn/learn/css/building_blocks/fundamental_css_comprehension/index.md b/files/zh-cn/learn/css/building_blocks/fundamental_css_comprehension/index.md index 26c7e853007f40..72048c3addcc38 100644 --- a/files/zh-cn/learn/css/building_blocks/fundamental_css_comprehension/index.md +++ b/files/zh-cn/learn/css/building_blocks/fundamental_css_comprehension/index.md @@ -3,7 +3,7 @@ title: 基本的 CSS 理解 slug: Learn/CSS/Building_blocks/Fundamental_CSS_comprehension --- -{{LearnSidebar}}{{PreviousMenu("Learn/CSS/Introduction_to_CSS/Debugging_CSS", "Learn/CSS/Introduction_to_CSS")}} +{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Building_blocks/Organizing", "Learn/CSS/Building_blocks/Creating_fancy_letterheaded_paper", "Learn/CSS/Building_blocks")}} 你已经在这个模块中了解到了很多内容,所以当你达到这个模块的最后一篇文章的时候,感觉一定非常不错吧!在你继续之前的最后一步,就是完成对于这个模块的测验。本次测验涉及到几个相关的练习,你必须按顺序完成,这样你才能设计出最终的成品:一张名片/游戏玩家卡片/社交媒体的简介。 @@ -83,4 +83,4 @@ slug: Learn/CSS/Building_blocks/Fundamental_CSS_comprehension 如果你将此评估作为有组织的课程的一部分,你应该能够将你的工作交给你的老师/导师进行打分。如果你是自学的,那么你可以通过询问 [Learning Area Discourse thread](https://discourse.mozilla-community.org/t/learning-web-development-marking-guides-and-questions/16294), 或在 [#mdn](irc://irc.mozilla.org/mdn)的 IRC 频道 [Mozilla IRC](https://wiki.mozilla.org/IRC) 中轻松获得打分指南。首先尝试练习 - 作弊学不到什么! -{{PreviousMenu("Learn/CSS/Introduction_to_CSS/Debugging_CSS", "Learn/CSS/Introduction_to_CSS")}} +{{PreviousMenuNext("Learn/CSS/Building_blocks/Organizing", "Learn/CSS/Building_blocks/Creating_fancy_letterheaded_paper", "Learn/CSS/Building_blocks")}} diff --git a/files/zh-cn/learn/css/building_blocks/organizing/index.md b/files/zh-cn/learn/css/building_blocks/organizing/index.md index 0e4f5be004eb15..8fa3c36e68a93b 100644 --- a/files/zh-cn/learn/css/building_blocks/organizing/index.md +++ b/files/zh-cn/learn/css/building_blocks/organizing/index.md @@ -3,7 +3,7 @@ title: 组织 CSS slug: Learn/CSS/Building_blocks/Organizing --- -{{LearnSidebar}}{{PreviousMenu("Learn/CSS/Building_blocks/Debugging_CSS", "Learn/CSS/Building_blocks")}} +{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Building_blocks/Debugging_CSS", "Learn/CSS/Building_blocks/Fundamental_CSS_comprehension", "Learn/CSS/Building_blocks")}} 在开始在更大的样式表和大项目上作业的时候,你会发现维护一个大型的 CSS 文件很有挑战性。在本文中,我们将会简要看一下在编写你的 CSS 时,让它更加易于维护的一些最佳实践,以及你会在其他人那里看到的,用来增强可维护性的解决方案。 @@ -366,4 +366,4 @@ $base-color: #c6538c; 你应该也有了探索[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")}} +{{PreviousMenuNext("Learn/CSS/Building_blocks/Debugging_CSS", "Learn/CSS/Building_blocks/Fundamental_CSS_comprehension", "Learn/CSS/Building_blocks")}} diff --git a/files/zh-cn/learn/css/building_blocks/selectors/combinators/index.md b/files/zh-cn/learn/css/building_blocks/selectors/combinators/index.md index c4793044bd315f..58b0b63fcc9256 100644 --- a/files/zh-cn/learn/css/building_blocks/selectors/combinators/index.md +++ b/files/zh-cn/learn/css/building_blocks/selectors/combinators/index.md @@ -3,7 +3,7 @@ title: 关系选择器 slug: Learn/CSS/Building_blocks/Selectors/Combinators --- -{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements", "Learn/CSS/Building_blocks/The_box_model", "Learn/CSS/Building_blocks")}} +{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements", "Learn/CSS/Building_blocks/Cascade_and_inheritance", "Learn/CSS/Building_blocks")}} 我们要了解的最后一种选择器被命名为关系选择器(Combinator),这是因为它们在其他选择器之间和其他选择器与文档内容的位置之间建立了一种有用的关系的缘故。 @@ -103,6 +103,6 @@ ul > li[class="a"] { ## 继续学习 -这是我们选择器这节课的最后一节了。下面我们将会继续前进,学习 CSS 的另一个重要部分——[CSS 盒模型](/zh-CN/docs/Learn/CSS/Building_blocks/The_box_model)。 +这是我们选择器这节课的最后一节了。下面我们将会继续前进,学习 CSS 的另一个重要部分——[层叠与继承](/zh-CN/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance)。 -{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements", "Learn/CSS/Building_blocks/The_box_model", "Learn/CSS/Building_blocks")}} +{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements", "Learn/CSS/Building_blocks/Cascade_and_inheritance", "Learn/CSS/Building_blocks")}} diff --git a/files/zh-cn/learn/css/building_blocks/styling_tables/index.md b/files/zh-cn/learn/css/building_blocks/styling_tables/index.md index bceee17731eba6..f55d33a45979a2 100644 --- a/files/zh-cn/learn/css/building_blocks/styling_tables/index.md +++ b/files/zh-cn/learn/css/building_blocks/styling_tables/index.md @@ -3,7 +3,7 @@ title: 样式化表格 slug: Learn/CSS/Building_blocks/Styling_tables --- -{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Styling_boxes/Borders", "Learn/CSS/Styling_boxes/Advanced_box_effects", "Learn/CSS/Styling_boxes")}} +{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Building_blocks/Images_media_form_elements", "Learn/CSS/Building_blocks/Debugging_CSS", "Learn/CSS/Building_blocks")}} 设计一个 HTML 表格不是世界上最迷人的工作,但有时我们必须这样做。本文提供了一个使 HTML 表格看起来不错的指南,其中一些功能在前面的文章中已作详细介绍。 diff --git a/files/zh-cn/learn/css/building_blocks/the_box_model/index.md b/files/zh-cn/learn/css/building_blocks/the_box_model/index.md index fae3296fc23d76..6000f9bcda2e0b 100644 --- a/files/zh-cn/learn/css/building_blocks/the_box_model/index.md +++ b/files/zh-cn/learn/css/building_blocks/the_box_model/index.md @@ -3,7 +3,7 @@ title: 盒模型 slug: Learn/CSS/Building_blocks/The_box_model --- -{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors/Combinators", "Learn/CSS/Building_blocks/Backgrounds_and_borders", "Learn/CSS/Building_blocks")}} +{{LearnSidebar}}{{PreviousMenuNext("Learn/CSS/Building_blocks/Cascade_layers", "Learn/CSS/Building_blocks/Backgrounds_and_borders", "Learn/CSS/Building_blocks")}} 在 CSS 中,所有的元素都被一个个的“盒子(box)”包围着,理解这些“盒子”的基本原理,是我们使用 CSS 实现准确布局、处理元素排列的关键。 @@ -311,4 +311,4 @@ display 有一个特殊的值,它在内联和块之间提供了一个中间状 在下一节课中,我们将看看如何使用[背景和边框](/zh-CN/docs/Learn/CSS/Building_blocks/Backgrounds_and_borders)来使你的普通盒子看起来更有趣。 -{{PreviousMenuNext("Learn/CSS/Building_blocks/Selectors/Combinators", "Learn/CSS/Building_blocks/Backgrounds_and_borders", "Learn/CSS/Building_blocks")}} +{{PreviousMenuNext("Learn/CSS/Building_blocks/Cascade_layers", "Learn/CSS/Building_blocks/Backgrounds_and_borders", "Learn/CSS/Building_blocks")}}