i18n(zh-cn): Update 2-pages/5.mdx

src/content/docs/zh-cn/tutorial/2-pages/5.mdx

@@ -21,12 +21,12 @@ import { Steps } from '@astrojs/starlight/components';
 
 你已经看到 Astro 的 `<style>` 标签**默认是有作用域**的，意味着它只能影响到当前文件中的元素。
 
-有几种方法可以在 Astro 中定义全局样式，但在本教程中，你将创建并引入`global.css`文件到你的所有页面。样式文件和`<style>`标签的组合使你可以控制全局的样式，并可以将某些特定样式准确地应用到你想要的位置。
+有几种方法可以在 Astro 中定义全局样式，但在本教程中，你将创建并引入 `global.css` 文件到你的所有页面。样式文件和 `<style>` 标签的组合使你可以控制全局的样式，并可以将某些特定样式准确地应用到你想要的位置。
 
 <Steps>
-1. 在`src/styles/global.css`创建一个新文件（你需要先创建一个`styles`文件夹）。
+1. 在 `src/styles/global.css` 创建一个新文件（你需要先创建一个`styles`文件夹）。
 
-2. 把下面代码复制到你新创建的文件`global.css`中：
+2. 把下面代码复制到你新创建的文件 `global.css` 中：
 
     ```css title="src/styles/global.css"
     html {
@@ -52,7 +52,7 @@ import { Steps } from '@astrojs/starlight/components';
     }
     ```
 
-3. 将下面的`import`语句添加到`about.astro`文件的 frontmatter 中：
+3. 将下面的 `import` 语句添加到 `about.astro` 文件的 frontmatter 中：
 
     ```astro title="src/pages/about.astro" ins={2}
     ---
@@ -91,7 +91,7 @@ import { Steps } from '@astrojs/starlight/components';
 <details>
 <summary>✅ 给我看下代码！✅</summary>
 
-将以下引入代码添加到另外两个页面文件中：`src/pages/index.astro`和`src/pages/blog.astro`。
+将以下引入代码添加到另外两个页面文件中：`src/pages/index.astro` 和 `src/pages/blog.astro`。
 
 ```astro title="src/pages/index.astro" ins={2}
 ---
@@ -106,7 +106,7 @@ import '../styles/global.css';
 <Box icon="question-mark">
 ### 代码分析
 
-你的关于页面现在引入了 `global.css`文件，同时使用了`<style>` 标签。
+你的关于页面现在引入了 `global.css` 文件，同时使用了 `<style>` 标签。
 
 - 两种设置样式的方法是否都在页面中被应用了？
 
@@ -117,19 +117,19 @@ import '../styles/global.css';
 - 是否有任何样式冲突，如果有哪一个会被应用？
 
     <p>
-      <Spoiler>有冲突，虽然全局的`<h1>`字体大小现在是`2.5rem`，但在页面`<style>`标签中声明的`4rem`被优先应用到了当前页面上。</Spoiler>
+      <Spoiler>有冲突，虽然全局的 `<h1>` 字体大小现在是 `2.5rem`，但在页面 `<style>` 标签中声明的 `4rem` 被优先应用到了当前页面上。</Spoiler>
     </p>
 
 - 描述`global.css`和`<style>`如何协同工作。
 
     <p>
-      <Spoiler>当在全局和页面的本地`<style>`标签中定义的样式冲突时，本地样式会覆盖全局样式。（但是，可能还涉及其他影响因素，因此经常性检查你的网站以确保应用了正确的样式！）</Spoiler>
+      <Spoiler>当在全局和页面的本地 `<style>` 标签中定义的样式冲突时，本地样式会覆盖全局样式。（但是，可能还涉及其他影响因素，因此经常性检查你的网站以确保应用了正确的样式！）</Spoiler>
     </p>
 
-- 你会如何选择在页面中引入`global.css`文件还是使用`<style>`标签？
+- 你会如何选择在页面中引入 `global.css` 文件还是使用 `<style>` 标签？
 
     <p>
-      <Spoiler>如果你希望可以在整个网站范围内应用样式，你可以选择使用文件`global.css`。但是，如果你希望样式仅应用于单个`.astro`文件中的 HTML 内容，而会不影响站点上的其他元素，你可以选择`<style>`标签。</Spoiler>
+      <Spoiler>如果你希望可以在整个网站范围内应用样式，你可以选择使用文件 `global.css`。但是，如果你希望样式仅应用于单个 `.astro` 文件中的 HTML 内容，而会不影响站点上的其他元素，你可以选择 `<style>` 标签。</Spoiler>
     </p>
 
 </Box>
@@ -139,7 +139,7 @@ import '../styles/global.css';
 ## 任务清单
 
 <Checklist>
-- [ ] 我可以通过引入`.css`文件来应用全局样式。
+- [ ] 我可以通过引入 `.css` 文件来应用全局样式。
 </Checklist>
 </Box>