Skip to content

Commit

Permalink
zh-TW: batch update 「您」 with 「你」
Browse files Browse the repository at this point in the history
  • Loading branch information
hanyujie2002 committed Nov 27, 2023
1 parent 566a1a6 commit 3878513
Show file tree
Hide file tree
Showing 94 changed files with 696 additions and 696 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -80,7 +80,7 @@ if (y + dy > canvas.height || y + dy < 0) {

![](ball-in-wall.png)

這是因為我們計算的牆壁和球的中心的碰撞點,而我們應該做它的圓周。球應該反彈後,如果接觸牆,而不是當它已經在牆上的一半,所以讓我們調整我們的陳述有點包括。更新您添加到的最後一個代碼
這是因為我們計算的牆壁和球的中心的碰撞點,而我們應該做它的圓周。球應該反彈後,如果接觸牆,而不是當它已經在牆上的一半,所以讓我們調整我們的陳述有點包括。更新你添加到的最後一個代碼

```js
if (x + dx > canvas.width - ballRadius || x + dx < ballRadius) {
Expand Down
2 changes: 1 addition & 1 deletion files/zh-tw/glossary/block-level_content/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ slug: Glossary/Block-level_content

{{GlossarySidebar}}

HTML(超文字標記語言, **Hypertext Markup Language**)元素通常為『區塊級』元素或是[『行內級』元素](/zh-TW/docs/HTML/Inline_elements)。一個區塊級元素會藉由建立『區塊』的動作,完全佔滿其父元素(容器)的空間。本文將為您說明其意涵.
HTML(超文字標記語言, **Hypertext Markup Language**)元素通常為『區塊級』元素或是[『行內級』元素](/zh-TW/docs/HTML/Inline_elements)。一個區塊級元素會藉由建立『區塊』的動作,完全佔滿其父元素(容器)的空間。本文將為你說明其意涵.

瀏覽器預設以在元素前後換行的方式,表現區塊級元素。視覺上會呈現為一排縱向堆疊的方塊。

Expand Down
2 changes: 1 addition & 1 deletion files/zh-tw/glossary/seo/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,4 +31,4 @@ SEO 方法分為三大類:
- [什麼是 SEO?由淺入深新手教學](https://seo.whoops.com.tw/what-is-seo/)
- [SEO 新手初入門,3 分鐘了解什麼是 SEO 教學](https://techmoon.xyz/what-is-seo/)
- [Google Webmaster Central](https://www.google.com/webmasters/)
- [您需要 SEO 嗎? - Search Console 說明](https://support.google.com/webmasters/answer/35291?hl=zh-Hant)
- [你需要 SEO 嗎? - Search Console 說明](https://support.google.com/webmasters/answer/35291?hl=zh-Hant)
2 changes: 1 addition & 1 deletion files/zh-tw/learn/accessibility/wai-aria_basics/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -229,7 +229,7 @@ var intervalID = window.setInterval(showQuote, 10000);

> **備註:** 如果你嘗試從 `XMLHttpRequest` 執行 `file://` URL``大部分的瀏覽器會拋出安全異常,例如你直接上傳該檔案到瀏覽器(透過雙擊滑鼠鍵等)。為了這項可以執行,你需要將檔案上傳到一個網站伺服器如 [GitHub](/zh-TW/docs/Learn/Common_questions/Tools_and_setup/Using_GitHub_pages),或本機網站伺服器如 [Python's SimpleHTTPServer](http://www.pythonforbeginners.com/modules-in-python/how-to-use-simplehttpserver/)
這裡有一項額外的考量—只有文字更新才讀出。如果我們也總是讀出標題,那將很好,以讓使用者記住讀出的內容。為做到這樣,我們可以添加 [`aria-atomic`](https://www.w3.org/TR/wai-aria-1.1/#aria-atomic) 屬性到這個部分,再次更新您的 `<section>` 標籤如下所示:
這裡有一項額外的考量—只有文字更新才讀出。如果我們也總是讀出標題,那將很好,以讓使用者記住讀出的內容。為做到這樣,我們可以添加 [`aria-atomic`](https://www.w3.org/TR/wai-aria-1.1/#aria-atomic) 屬性到這個部分,再次更新你的 `<section>` 標籤如下所示:

```html
<section aria-live="assertive" aria-atomic="true"></section>
Expand Down
68 changes: 34 additions & 34 deletions files/zh-tw/learn/css/first_steps/getting_started/index.md

Large diffs are not rendered by default.

18 changes: 9 additions & 9 deletions files/zh-tw/learn/css/first_steps/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,38 +5,38 @@ slug: Learn/CSS/First_steps

{{LearnSidebar}}

CSS(階層式樣式表)被用來設定網頁的樣式及佈局。舉例來說,改變字體、顏色、尺寸以及擺放您的內容、拆分為多欄,或是添加動畫效果和其它裝飾的特性。這個單元提供一個平緩的學習路徑,透過介紹 CSS 的工作原理、語法的樣式,以及如何在 HTML 中添加樣式設定。
CSS(階層式樣式表)被用來設定網頁的樣式及佈局。舉例來說,改變字體、顏色、尺寸以及擺放你的內容、拆分為多欄,或是添加動畫效果和其它裝飾的特性。這個單元提供一個平緩的學習路徑,透過介紹 CSS 的工作原理、語法的樣式,以及如何在 HTML 中添加樣式設定。

### 想要成為網頁前端開發員?

我們整理了一門課程,包含了您實現目標所需要的所有基本知識
我們整理了一門課程,包含了你實現目標所需要的所有基本知識

[開始](/docs/Learn/Front-end_web_developer)

## 先備知識

開始這個單元之前,您應該具備
開始這個單元之前,你應該具備

1. 基本熟悉電腦的操作,以及網路的使用(即:在網路查資料,看看內容)。
2. 設定好一個基本的工作環境(參考[安裝基本軟體](/zh-TW/docs/Learn/Getting_started_with_the_web/Installing_basic_software)單元),並知道如何建立以及管檔案(參考[檔案的管理](/zh-TW/docs/Learn/Getting_started_with_the_web/Dealing_with_files)單元)。
3. 對 HTML 有基本的認識,像是 [HTML 介紹](/zh-TW/docs/Learn/HTML/Introduction_to_HTML)單元裡所提到的。

> **備註:** 如果您使用的電腦/平板/或其它裝置上,無法建立您所需要的檔案。您可以在像是 [JSBin](http://jsbin.com/)[Glitch](https://glitch.com/) 的線上程式編輯平台上嘗試(絕大部分的)範例程式。
> **備註:** 如果你使用的電腦/平板/或其它裝置上,無法建立你所需要的檔案。你可以在像是 [JSBin](http://jsbin.com/)[Glitch](https://glitch.com/) 的線上程式編輯平台上嘗試(絕大部分的)範例程式。
## 導覽

這個單元包含以下的主題,會帶你瀏覽所有 CSS 的基本理論,並提供您一些測試技巧的機會
這個單元包含以下的主題,會帶你瀏覽所有 CSS 的基本理論,並提供你一些測試技巧的機會

- [CSS 是什麼?](/zh-TW/docs/Learn/CSS/First_steps/What_is_CSS)
- : **{{Glossary("CSS")}}** (階層式樣式表)讓您能夠建立好看的網頁,但是它骨子是是怎麼運作的?這個主題用一個簡單的語法範例來解釋 CSS 是什麼,並涵蓋有關這個語言的一些關鍵術語。
- : **{{Glossary("CSS")}}** (階層式樣式表)讓你能夠建立好看的網頁,但是它骨子是是怎麼運作的?這個主題用一個簡單的語法範例來解釋 CSS 是什麼,並涵蓋有關這個語言的一些關鍵術語。
- [開始使用 CSS](/zh-TW/docs/Learn/CSS/First_steps/Getting_started)
- : 這個主題中,我們將把 CSS 套用到一個簡單的 HTML 文件上,逐步學習有關這個語言的一些實用知識。
- [CSS 的結構](/zh-TW/docs/Learn/CSS/First_steps/How_CSS_is_structured)
- : 現在您對 CSS 是什麼以及基本使用方法有了一些概念,是時候去更深入看看這個語言的結構了。我們在這裡討論了許多的觀念;如果之後您對任何概念感到模糊,可以到這裡來回顧。
- : 現在你對 CSS 是什麼以及基本使用方法有了一些概念,是時候去更深入看看這個語言的結構了。我們在這裡討論了許多的觀念;如果之後你對任何概念感到模糊,可以到這裡來回顧。
- [CSS 的運作方式](/zh-TW/docs/Learn/CSS/First_steps/How_CSS_works)
- : 我們已經學到了什麼是 CSS 以及如何寫一個簡單樣式表的基礎概念。我們會在這堂課裡看看瀏覽器是如何依據 CSS 和 HTML 的內容轉化為網頁的呈現。
- [使用您的新知識](/zh-TW/docs/Learn/CSS/First_steps/Using_your_new_knowledge)
- : 透過你在前面堂課所學到的東西,你應該會發現您可以對簡單的文字內套用 CSS 設定,加入您想要的樣式。這個主題給您一個機會來做這件事
- [使用你的新知識](/zh-TW/docs/Learn/CSS/First_steps/Using_your_new_knowledge)
- : 透過你在前面堂課所學到的東西,你應該會發現你可以對簡單的文字內套用 CSS 設定,加入你想要的樣式。這個主題給你一個機會來做這件事

## 參見

Expand Down
22 changes: 11 additions & 11 deletions files/zh-tw/learn/css/first_steps/what_is_css/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ slug: Learn/CSS/First_steps/What_is_CSS

{{LearnSidebar}}{{NextMenu("Learn/CSS/First_steps/Getting_started", "Learn/CSS/First_steps")}}

**{{Glossary("CSS")}}** (階層式樣式表)可以讓您建立出好看的網頁,但是它背後是怎麼運作的?在這個主題裡,藉由簡單的語法範例來說明 CSS 是什麼,以及含蓋這個語言的一些關鍵項目。
**{{Glossary("CSS")}}** (階層式樣式表)可以讓你建立出好看的網頁,但是它背後是怎麼運作的?在這個主題裡,藉由簡單的語法範例來說明 CSS 是什麼,以及含蓋這個語言的一些關鍵項目。

<table class="learn-box standard-table">
<tbody>
Expand All @@ -31,11 +31,11 @@ slug: Learn/CSS/First_steps/What_is_CSS
</tbody>
</table>

[HTML 入門](/zh-TW/docs/Learn/HTML/Introduction_to_HTML)單元中,我們含蓋了什麼是 HTML 以及它是如何被用來標記文件。這些文件能夠被瀏覽器讀取,標題的文字會看起來比一般段落更大,段落之間會換行並帶有間隔。連結會帶有顏色及底線,讓它與其它一般的文字有區別。您所看到的這些是瀏覽器的預設樣式,用來確保當作者沒有指定任何樣式的狀況下,仍有一些非常基本的樣式被套用上,好讓內容基本上能夠被閱讀(如下圖所示)。
[HTML 入門](/zh-TW/docs/Learn/HTML/Introduction_to_HTML)單元中,我們含蓋了什麼是 HTML 以及它是如何被用來標記文件。這些文件能夠被瀏覽器讀取,標題的文字會看起來比一般段落更大,段落之間會換行並帶有間隔。連結會帶有顏色及底線,讓它與其它一般的文字有區別。你所看到的這些是瀏覽器的預設樣式,用來確保當作者沒有指定任何樣式的狀況下,仍有一些非常基本的樣式被套用上,好讓內容基本上能夠被閱讀(如下圖所示)。

![The default styles used by a browser](html-example.png)

然而,如果所有的網站都長這個樣子,網路世界將是個很無趣的地方。您能使用 CSS 對 HTML 元件的樣子作更多控制,將這些標記以任何您喜歡的設計作調整
然而,如果所有的網站都長這個樣子,網路世界將是個很無趣的地方。你能使用 CSS 對 HTML 元件的樣子作更多控制,將這些標記以任何你喜歡的設計作調整

看看下面的影片,了解更多關於瀏覽器預設樣式(可開 CC 字幕並自動翻譯為中文)。

Expand All @@ -45,7 +45,7 @@ slug: Learn/CSS/First_steps/What_is_CSS

如同我們前面所提到的, CSS 是一種用來指定文件該用什麼方式呈現的語言,可以定義它們的樣式、布局…等。

**文件**通常指的是使用標記語言的文字檔案,{{Glossary("HTML")}} 是其中最常見的,但是您也可能遇到其它例如 {{Glossary("SVG")}} 或 {{Glossary("XML")}} 的標記語言。
**文件**通常指的是使用標記語言的文字檔案,{{Glossary("HTML")}} 是其中最常見的,但是你也可能遇到其它例如 {{Glossary("SVG")}} 或 {{Glossary("XML")}} 的標記語言。

所謂的**呈現**文件,指的是將文件轉換為你的讀者可用的形式。像是 {{Glossary("Mozilla Firefox","Firefox")}} 、 {{Glossary("Google Chrome","Chrome")}} 或 {{Glossary("Microsoft Edge","Edge")}} 這類的{{Glossary("browser","瀏灠器")}},是設計來將文件視覺化,再呈現電腦螢幕、投影機上或是由列表機列印出來。

Expand All @@ -55,7 +55,7 @@ CSS 可以用在很基本文字樣式上頭,像是改變標題和連結的[顏

## CSS 語法

CSS 是一種基於規則的語言,您對網頁裡特定或一群元素指定一系列的規則。舉例來說:「我要讓頁面裡的主標題,以紅色且大號的字體呈現」。
CSS 是一種基於規則的語言,你對網頁裡特定或一群元素指定一系列的規則。舉例來說:「我要讓頁面裡的主標題,以紅色且大號的字體呈現」。

下面這段語法是為了實現上面的需求,用簡單 CSS 規則示範:

Expand All @@ -66,7 +66,7 @@ h1 {
}
```

樣式規則以一個{{Glossary("CSS Selector", "選擇器")}}開始。它*選擇*了您預計改變樣式的 HTML 元素。在這個例子中,我們要調整的是第一級的標題元素({{htmlelement("h1")}})。
樣式規則以一個{{Glossary("CSS Selector", "選擇器")}}開始。它*選擇*了你預計改變樣式的 HTML 元素。在這個例子中,我們要調整的是第一級的標題元素({{htmlelement("h1")}})。

接著我們跟著一組花括號 `{ }`,裡面是一到多個**聲明**,它的形式是一對一對**屬性名稱****屬性內容**的組合。每一對聲明會將我們選中元素的屬性,付予我們所想要設定的內容(或數值)。

Expand All @@ -85,17 +85,17 @@ p {
}
```

你將會發些有些值很容易學會,而另一些則需要查資料確認。MDN 上有各個屬性的獨立頁面讓您能查到屬性及其可使用的值,在你忘記了或是想知道其它可能用法的時候提供一個快速的路徑。
你將會發些有些值很容易學會,而另一些則需要查資料確認。MDN 上有各個屬性的獨立頁面讓你能查到屬性及其可使用的值,在你忘記了或是想知道其它可能用法的時候提供一個快速的路徑。

> **備註:** 您可以在 MDN 的 [CSS 參考資源](/zh-TW/docs/Web/CSS/Reference)找到所有的 CSS 屬性(以及其它 CSS 特性)頁面的連結。 另外,當您需要得到某個 CSS 特性的更多資訊,應該去習慣使用「mdn _特性名稱_的方式在您喜歡搜尋引擊上搜尋。舉例來說,嘗試以「mdn color」和「mdn font-size」作關鍵字搜尋!
> **備註:** 你可以在 MDN 的 [CSS 參考資源](/zh-TW/docs/Web/CSS/Reference)找到所有的 CSS 屬性(以及其它 CSS 特性)頁面的連結。 另外,當你需要得到某個 CSS 特性的更多資訊,應該去習慣使用「mdn _特性名稱_的方式在你喜歡搜尋引擊上搜尋。舉例來說,嘗試以「mdn color」和「mdn font-size」作關鍵字搜尋!
## CSS 的各個主題(單元)

由於 CSS 有太多的項目可以進行設定,因此將這個語言依不同主題切分出單元。您將會在探索 MDN 的時候看到這些單元,並發現許多文章是圍繞著特定單元所組織的。舉例來說,您可以在 MDN 關於[背景與邊框](/zh-TW/docs/Web/CSS/CSS_backgrounds_and_borders)的單元裡,看到它的目的,以及其包含了哪些不同的屬性及特性。 您也將在文末發現到相關 *CSS 規範*的連結。
由於 CSS 有太多的項目可以進行設定,因此將這個語言依不同主題切分出單元。你將會在探索 MDN 的時候看到這些單元,並發現許多文章是圍繞著特定單元所組織的。舉例來說,你可以在 MDN 關於[背景與邊框](/zh-TW/docs/Web/CSS/CSS_backgrounds_and_borders)的單元裡,看到它的目的,以及其包含了哪些不同的屬性及特性。 你也將在文末發現到相關 *CSS 規範*的連結。

在這裡不用太煩惱 CSS 的架構,可以讓尋找資訊變得簡單一些。例如說,當你知道某個屬性可能用在其它類似的東西上,因此它們可能被放在同一個規範(單元)裡。

舉個特別的例子,讓我們回到背景與邊框的單元中,您可能會認為在邏輯上 [`background-color`](/zh-TW/docs/Web/CSS/background-color)[`border-color`](/zh-TW/docs/Web/CSS/border-color) 會在同一個單元裡被定義。所以您猜對了
舉個特別的例子,讓我們回到背景與邊框的單元中,你可能會認為在邏輯上 [`background-color`](/zh-TW/docs/Web/CSS/background-color)[`border-color`](/zh-TW/docs/Web/CSS/border-color) 會在同一個單元裡被定義。所以你猜對了

### CSS 規範

Expand All @@ -113,6 +113,6 @@ CSS 並沒有什麼不同,它由 W3C 一個被稱為 [CSS 工作組](https://w

## 下一步…

現在您已經知卜 CSS 是什麼,接著移動到 [CSS 入門](/zh-TW/docs/Learn/CSS/First_steps/Getting_started)單元,你可以在這裡開始寫一些 CSS。
現在你已經知卜 CSS 是什麼,接著移動到 [CSS 入門](/zh-TW/docs/Learn/CSS/First_steps/Getting_started)單元,你可以在這裡開始寫一些 CSS。

{{NextMenu("Learn/CSS/First_steps/Getting_started", "Learn/CSS/First_steps")}}
Loading

0 comments on commit 3878513

Please sign in to comment.