diff options
author | Jeff Lin <jeffddt.et@gmail.com> | 2021-04-30 19:40:50 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-04-30 19:40:50 +0800 |
commit | c47037f01d5b77424342c5eac8c456ea75928636 (patch) | |
tree | 45a8bc9a4f48a8625aebc7155f58fdf65e43978a /files/zh-tw | |
parent | fbc8178cce6990552004d56628a44d9d82084714 (diff) | |
download | translated-content-c47037f01d5b77424342c5eac8c456ea75928636.tar.gz translated-content-c47037f01d5b77424342c5eac8c456ea75928636.tar.bz2 translated-content-c47037f01d5b77424342c5eac8c456ea75928636.zip |
Update /learn/css/first_steps, zh-TW (#707)
* 調整頁面的標題
將 CSS first steps 調整為 「CSS 入門」
將 Getting started with CSS 改為 「開始使用 CSS」
感覺這樣在語意上比較精確一點
(cherry picked from commit 17f1cc7e16e692d2ce9b8086cf183589e7596bfe)
* 翻譯 開始使用 CSS ,調整一些關連頁的錯誤
- 翻譯 開始使用 CSS
- 修正 CSS 如何運作 中無效圖片連結(補缺檔)
- 修正 什麼是 CSS 中無效連結(補缺檔) 並將標題 ID 改回與英文版一致
Diffstat (limited to 'files/zh-tw')
-rw-r--r-- | files/zh-tw/learn/css/first_steps/getting_started/index.html | 148 | ||||
-rw-r--r-- | files/zh-tw/learn/css/first_steps/how_css_works/index.html | 2 | ||||
-rw-r--r-- | files/zh-tw/learn/css/first_steps/how_css_works/rendering.svg | 1 | ||||
-rw-r--r-- | files/zh-tw/learn/css/first_steps/index.html | 4 | ||||
-rw-r--r-- | files/zh-tw/learn/css/first_steps/what_is_css/html-example.png | bin | 0 -> 35139 bytes | |||
-rw-r--r-- | files/zh-tw/learn/css/first_steps/what_is_css/index.html | 23 |
6 files changed, 97 insertions, 81 deletions
diff --git a/files/zh-tw/learn/css/first_steps/getting_started/index.html b/files/zh-tw/learn/css/first_steps/getting_started/index.html index 38e34ab567..493d55403b 100644 --- a/files/zh-tw/learn/css/first_steps/getting_started/index.html +++ b/files/zh-tw/learn/css/first_steps/getting_started/index.html @@ -1,5 +1,5 @@ --- -title: CSS 入門 +title: 開始使用 CSS slug: Learn/CSS/First_steps/Getting_started tags: - CSS @@ -11,6 +11,15 @@ tags: - 語法 - 課程 - 選擇器 + - Beginner + - CSS + - Classes + - Elements + - Example + - Learn + - Selectors + - Syntax + - state translation_of: Learn/CSS/First_steps/Getting_started --- <div>{{LearnSidebar}}</div> @@ -23,7 +32,7 @@ translation_of: Learn/CSS/First_steps/Getting_started <tbody> <tr> <th scope="row">先備知識:</th> - <td>基本的電腦概念、能夠<a href="https://developer.mozilla.org/zh-TW/Learn/Getting_started_with_the_web/Installing_basic_software">安裝基本軟體</a>,基本<a href="https://developer.mozilla.org/zh-TW/Learn/Getting_started_with_the_web/Dealing_with_files">與各種檔案打交道</a>的能力,以及 HTML 的基礎(由<a href="https://wiki.developer.mozilla.org/zh-TW/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>學到)。</td> + <td>基本的電腦概念、能夠<a href="/zh-TW/docs/Learn/Getting_started_with_the_web/Installing_basic_software">安裝基本軟體</a>,基本<a href="/zh-TW/docs/Learn/Getting_started_with_the_web/Dealing_with_files">與各種檔案打交道</a>的能力,以及 HTML 的基礎(由<a href="/zh-TW/docs/Learn/HTML/Introduction_to_HTML">HTML介紹</a>學到)。</td> </tr> <tr> <th scope="row">學習目標:</th> @@ -32,7 +41,7 @@ translation_of: Learn/CSS/First_steps/Getting_started </tbody> </table> -<h2 id="由某個_HTML_開始">由某個 HTML 開始</h2> +<h2 id="Starting_with_some_HTML">由某個 HTML 開始</h2> <p>我們的起點是一個 HTML 文件。如果您想要在自己的電腦上操作,可以把下面的程式碼複製下來。在您電腦上的目錄中,用 <code>index.html</code> 為檔名儲存。</p> @@ -60,13 +69,14 @@ and also a <a href="http://example.com">link</a>.</p> </body> -</html></pre> +</html> +</pre> <div class="blockIndicator note"> <p><strong>注意:</strong>如果您用來閱讀這篇文章的環境沒辦法簡單地建立檔案,也別擔心。底下會提供線上程式編輯器讓你就在這個頁面中撰寫範例程式。</p> </div> -<h2 id="為我們的文件加入CSS">為我們的文件加入CSS</h2> +<h2 id="Adding_CSS_to_our_document">為我們的文件加入CSS</h2> <p>首先,第一個步驟是告訴 HTML 文件我們有些 CSS 規則要加入。你通常有三種不同的方式來將 CSS 套用到 HTML 文件上,然而,現在我們先將焦點放在其中最常見並且實用的方式:在您文件標頭的位置將 CSS 連結進去。</p> @@ -76,7 +86,7 @@ and also a <a href="http://example.com">link</a>.</p> <pre class="brush: html notranslate"><link rel="stylesheet" href="styles.css"></pre> -<p>{{htmlelement("link")}} 元素使用 <code>rel</code> 屬性告訴瀏覽器我們有一個樣式表,接著 <code>href</code> 屬性指向到這個樣式表的位置。您可以在 <code>styles.css</code> 裡加入規則,來測試它是否能夠運作。使用程式碼編輯器,在你的 CSS 檔案中加入下面這段規則:</p> +<p>{{htmlelement("link")}} 元素使用 <code>rel</code> 屬性告訴瀏覽器我們有一個樣式表,接著 <code>href</code> 屬性指向到這個樣式表的位置。您可以在 <code>styles.css</code> 裡加入規則,來測試它是否能夠運作。使用程式碼編輯器,在您的 CSS 檔案中加入下面這段規則:</p> <pre class="brush: css notranslate">h1 { color: red; @@ -86,113 +96,113 @@ and also a <a href="http://example.com">link</a>.</p> <p>你可以在你電腦裡的 <code>styles.css</code> 上繼續,或是使用我們下的互動編輯器來繼續本教學指引。 互動編輯器的行為,就像是這個 CSS 已經連結到 HTML 中,就如同我們在前面剛剛完成的一樣。</p> -<h2 id="Styling_HTML_elements">Styling HTML elements</h2> +<h2 id="Styling_HTML_elements">裝飾 HTML 元素</h2> -<p>By making our heading red we have already demonstrated that we can target and style an HTML element. We do this by targeting an <em>element selector</em> — this is a selector that directly matches an HTML element name. To target all paragraphs in the document you would use the selector <code>p</code>. To turn all paragraphs green you would use:</p> +<p>藉由的將我們的標題設定為紅色,已經證明了我們可以指定並修飾 HTML 元素。我們透過一個<em>元素選擇器</em>來達成,它會指定名稱相符的 HTML 元素。想要指向所有段落元素的話,您會將選擇器設為 <code>p</code>。要把所有段落文字改成綠色,您會這麼作:</p> <pre class="brush: css notranslate">p { color: green; }</pre> -<p>You can target multiple selectors at once, by separating the selectors with a comma. If I want all paragraphs and all list items to be green my rule looks like this:</p> +<p>藉由逗號的分隔,您可以一次設定多個選擇器。如果我想要讓所有段落與清單項目都變綠色,我的規則會長得像:</p> <pre class="brush: css notranslate">p, li { color: green; }</pre> -<p>Try this out in the interactive editor below (edit the code boxes), or in your local CSS document.</p> +<p>在底下的互動式編輯器(編輯程式區塊)中,或是在您本地的 CSS 檔案嘗試編輯看看。</p> <p>{{EmbedGHLiveSample("css-examples/learn/getting-started/started1.html", '100%', 900)}} </p> -<h2 id="Changing_the_default_behavior_of_elements">Changing the default behavior of elements</h2> +<h2 id="Changing_the_default_behavior_of_elements">改變元素的預設樣式</h2> -<p>When we look at a well-marked up HTML document, even something as simple as our example, we can see how the browser is making the HTML readable by adding some default styling. Headings are large and bold and our list has bullets. This happens because browsers have internal stylesheets containing default styles, which they apply to all pages by default; without them all of the text would run together in a clump and we would have to style everything from scratch. All modern browsers display HTML content by default in pretty much the same way.</p> +<p>當我們看一個標記清楚的 HTML 文件,即便是像我們範例這樣的簡單。能夠看到瀏覽器藉由加上一些預設的樣式讓 HTML 變得可閱讀。標題字體較大且較粗,而清單的項目前添加上符號。會如此表現,是因為瀏覽器裡有包含預設樣式的內部樣式表,它預設會套用到所有的頁面。少了它們的話,所有的內容會全擠在一起,而我們得從頭一個一個設定樣式。所有現代的瀏覽器,預設以很相似的方式來呈現 HTML 內容。</p> -<p>However, you will often want something other than the choice the browser has made. This can be done by simply choosing the HTML element that you want to change, and using a CSS rule to change the way it looks. A good example is our <code><ul></code>, an unordered list. It has list bullets, and if I decide I don't want those bullets I can remove them like so:</p> +<p>然而,您通常會想要一些不同於瀏覽器預設的選擇。可以通過選擇想改變的 HTML 元素,使用 CSS 規則來改變它的外觀來達成。拿我們的 <code><ul></code> 為例,它是一個無序清單。如果我決定不要顯示項目前的清單符號,可以如此移除它們:</p> -<pre class="brush: css notranslate">li { +<pre class="brush: css">li { list-style-type: none; }</pre> -<p>Try adding this to your CSS now.</p> +<p>現在試著把這個加到你的 CSS 中。</p> -<p>The <code>list-style-type</code> property is a good property to look at on MDN to see which values are supported. Take a look at the page for <code><a href="/en-US/docs/Web/CSS/list-style-type">list-style-type</a></code> and you will find an interactive example at the top of the page to try some different values in, then all allowable values are detailed further down the page.</p> +<p>在 MDN 上可以查到 <code>list-style-type</code> 個好好屬性能夠設定哪些值。看一看 <code><a href="/zh-TW/docs/Web/CSS/list-style-type">list-style-type</a></code> 頁面,您將能在開頭處看到一個互動式範例,可以嘗試選擇不同的值看到其呈現結果,可用值的詳細描述放在頁面後面一點的位置。</p> -<p>Looking at that page you will discover that in addition to removing the list bullets you can change them — try changing them to square bullets by using a value of <code>square</code>.</p> +<p>經由查讀頁面的內容,您將會發現除了移除項目符號之外,也可以改變項目符號的樣式。試試看使用值 <code>square</code> 把項目符號改為方形。</p> -<h2 id="Adding_a_class">Adding a class</h2> +<h2 id="Adding_a_class">添加分類(class)</h2> -<p>So far we have styled elements based on their HTML element names. This works as long as you want all of the elements of that type in your document to look the same. Most of the time that isn't the case and so you will need to find a way to select a subset of the elements without changing the others. The most common way to do this is to add a class to your HTML element and target that class.</p> +<p>到目前為止,我們依元素的名稱來設定過樣式。當您希望同類型的元素在您的文件中都以相同的方式呈現,這種作法就行得通。但絕大多數的時候並非如此,所以您將需要一個能選擇某部分的元素、以避免更動到其它部分樣式的方法。最常見的作法,是在您要改變的 HTML 元素上設定 class(分類)並藉由它來定義要修改的範圍。</p> -<p>In your HTML document, add a <a href="/en-US/docs/Web/HTML/Global_attributes/class">class attribute</a> to the second list item. Your list will now look like this:</p> +<p>在您的 HTML 文件中,加上一個 <a href="/zh-TW/docs/Web/HTML/Global_attributes/class">class 屬性</a>到第二個清單項目上。您的清單會變得如同底下這樣:</p> -<pre class="brush: html; highlight[3] notranslate"><ul> +<pre class="brush: html; highlight[3]"><ul> <li>Item one</li> <li class="special">Item two</li> <li>Item <em>three</em></li> </ul></pre> -<p>In your CSS you can target the class of <code>special</code> by creating a selector that starts with a full stop character. Add the following to your CSS file:</p> +<p>您可以使用英文句點 <code>.</code> 作開頭,在您的 CSS 中指定 <code>special</code> 分類來建立選擇器。加上底下這些到您的 CSS 檔案中:</p> -<pre class="brush: css notranslate">.special { +<pre class="brush: css">.special { color: orange; font-weight: bold; }</pre> -<p>Save and refresh to see what the result is.</p> +<p>存檔後重新整理網頁,看看有什麼樣的結果。</p> -<p>You can apply the class of <code>special</code> to any element on your page that you want to have the same look as this list item. For example, you might want the <code><span></code> in the paragraph to also be orange and bold. Try adding a <code>class</code> of <code>special</code> to it, then reload your page and see what happens.</p> +<p>您可以將 <code>special</code> 分類套用到任何您希望與這個清單項目相同方式呈現的元素。舉例來說,您可能想要在段落中的 <code><span></code> 元素一樣以橘色粗體呈現。嘗試添加 <code>class</code> 屬性並設定為 <code>special</code> 到它上頭,然後重新載入頁面看看發生了什麼。</p> -<p>Sometimes you will see rules with a selector that lists the HTML element selector along with the class:</p> +<p>有些時候,您會看到選擇器中,將元素名稱與分類合在一起:</p> -<pre class="brush: css notranslate">li.special { +<pre class="brush: css">li.special { color: orange; font-weight: bold; }</pre> -<p>This syntax means "target any <code>li</code> element that has a class of special". If you were to do this then you would no longer be able to apply the class to a <code><span></code> or another element by simply adding the class to it; you would have to add that element to the list of selectors:</p> +<p>這個語法表示「選擇任何帶有 special 分類屬性的 <code>li</code> 元素」。如果您改用了這個選擇器,樣式將不會被套用到具有一樣分類的 <code><span></code> 及其它元素上。要維持原本的呈現結果,您應該再增加選擇器把元素包含進規則當中:</p> -<pre class="brush: css notranslate">li.special, +<pre class="brush: css">li.special, span.special { color: orange; font-weight: bold; }</pre> -<p>As you can imagine, some classes might be applied to many elements and you don't want to have to keep editing your CSS every time something new needs to take on that style. Therefore it is sometimes best to bypass the element and simply refer to the class, unless you know that you want to create some special rules for one element alone, and perhaps want to make sure they are not applied to other things.</p> +<p>您可以想像,有些分類的設定可能會被套用在多種元素上,而且您不希望當有新的元素要套用相同樣式的時候,得回頭修改選擇器。因此選擇器應該只指定分類(class)而不指定元素名稱,除非要為了這個分類下的特定元素設定樣式,確保不會套用到其它元素上。</p> -<h2 id="Styling_things_based_on_their_location_in_a_document">Styling things based on their location in a document</h2> +<h2 id="Styling_things_based_on_their_location_in_a_document">依所在位置指定樣式</h2> -<p>There are times when you will want something to look different based on where it is in the document. There are a number of selectors that can help you here, but for now we will look at just a couple. In our document are two <code><em></code> elements — one inside a paragraph and the other inside a list item. To select only an <code><em></code> that is nested inside an <code><li></code> element I can use a selector called the <strong>descendant combinator</strong>, which simply takes the form of a space between two other selectors.</p> +<p>有些時候,您會想要一些在不同位置的東西看起來有所差別。有許多選擇器可以作到,但現在我們只介紹其中兩種。在我們的文件中有兩個 <code><em></code> 元素,一個在段落中另一個在清單項目裡。要只選擇到被包含在 <code><li></code> 元素裡的 <code><em></code> 元素,我可以使用被稱<strong>後裔連結器(descendant combinator)</strong> 的語法,它是用空格(一到多個)連結兩個選擇器。</p> -<p>Add the following rule to your stylesheet.</p> +<p>在您的樣式表加入以下規則。</p> -<pre class="brush: css notranslate">li em { +<pre class="brush: css">li em { color: rebeccapurple; }</pre> -<p>This selector will select any <code><em></code> element that is inside (a descendant of) an <code><li></code>. So in your example document, you should find that the <code><em></code> in the third list item is now purple, but the one inside the paragraph is unchanged.</p> +<p>這個選擇器將會指向任何在 <code><li></code> 內部的 <code><em></code> 元素(後裔)。所以在範例裡中,您應該會發現在第三個清單項目裡的 <code><em></code> 變成紫色,但是在段落裡的則沒有改變。</p> -<p>Something else you might like to try is styling a paragraph when it comes directly after a heading at the same hierarchy level in the HTML. To do so place a <code>+</code> (an <strong>adjacent sibling combinator</strong>) between the selectors.</p> +<p>另外有些時候,您可能會想嘗試對直接跟在標題後面的那個段落設定樣式。要作到就使用一個 <code>+</code> (<strong>相鄰連結器adjacent sibling combinator</strong>)放在選擇器的中間。</p> -<p>Try adding this rule to your stylesheet as well:</p> +<p>試著加入面這個規則到</p> -<pre class="brush: css notranslate">h1 + p { +<pre class="brush: css">h1 + p { font-size: 200%; }</pre> -<p>The live example below includes the two rules above. Try adding a rule to make a span red, if it is inside a paragraph. You will know if you have it right as the span in the first paragraph will be red, but the one in the first list item will not change color.</p> +<p>下面真實運作的例子中,包含了上面提到的兩個規則。試著將段落(p)裡的 span 改為紅色。藉由確認第一個段落裡的 span 變成紅色,但清單第一項裡的沒有改變,您將會知道所加入規則是否正確。</p> <p>{{EmbedGHLiveSample("css-examples/learn/getting-started/started2.html", '100%', 1100)}}</p> -<div class="blockIndicator note"> -<p><strong>Note</strong>: As you can see, CSS gives us several ways to target elements, and we've only scratched the surface so far! We will be taking a proper look at all of these selectors and many more in our <a href="/en-US/docs/Learn/CSS/Building_blocks/Selectors">Selectors</a> articles later on in the course.</p> +<div class="notecard note"> +<p><strong>注意</strong>:如您所見, CSS 提供我們一些方法來選擇元素,而目前為止我們只涉及到表面!我們將在課程後面的<a href="/zh-TW/docs/Learn/CSS/Building_blocks/Selectors">選擇器</a>章節裡有更深入的探討。</p> </div> -<h2 id="Styling_things_based_on_state">Styling things based on state</h2> +<h2 id="Styling_things_based_on_state">依狀態指定樣式</h2> -<p>The final type of styling we shall take a look at in this tutorial is the ability to style things based on their state. A straightforward example of this is when styling links. When we style a link we need to target the <code><a href="/en-US/docs/Web/HTML/Element/a"><a></a></code> (anchor) element. This has different states depending on whether it is unvisited, visited, being hovered over, focused via the keyboard, or in the process of being clicked (activated). You can use CSS to target these different states — the CSS below styles unvisited links pink and visited links green.</p> +<p>在這篇教學中我們要看的最後一種類型,是依照元素的狀態來設定樣式的能力。最直接的例子就是設定連結的樣式。當我們設定連結的樣式,我們的目標是 <code><a href="/zh-TW/docs/Web/HTML/Element/a"><a></a></code> (錨點 anchor)元素。它具有不同的狀態來表示其連結:還沒被訪問過、訪問過、滑鼠停留其上方、由鍵盤取得焦點或是正被點擊中。您可以使用 CSS 來指定不同的狀態,下面的 CSS 設定連結(錨點元素)在未訪問過時為粉紅色,訪問過為綠色。</p> -<pre class="brush: css notranslate">a:link { +<pre class="brush: css">a:link { color: pink; } @@ -200,64 +210,64 @@ a:visited { color: green; }</pre> -<p>You can change the way the link looks when the user hovers over it, for example removing the underline, which is achieved by in the next rule:</p> +<p>您可以改變連結當滑鼠停留在上頭(或稱為懸停)時的樣子,假如要把連結的底線移除,可以用接下來的規則作到:</p> -<pre class="brush: css notranslate">a:hover { +<pre class="brush: css">a:hover { text-decoration: none; }</pre> -<p>In the live example below, you can play with different values for the various states of a link. I have added the rules above to it, and now realise that the pink color is quite light and hard to read — why not change that to a better color? Can you make the links bold?</p> +<p>在下面真實運作的例子裡,您可以為連結的不同狀態設定不同的樣式。我已經將上面例子中的規則加進去,而現在意識到粉紅色實在是太淺而且不好閱讀,何不換個更好的顏色?您能讓連結變成粗體嗎?</p> <p>{{EmbedGHLiveSample("css-examples/learn/getting-started/started3.html", '100%', 900)}} </p> -<p>We have removed the underline on our link on hover. You could remove the underline from all states of a link. It is worth remembering however that in a real site, you want to ensure that visitors know that a link is a link. Leaving the underline in place, can be an important clue for people to realize that some text inside a paragraph can be clicked on — this is the behavior they are used to. As with everything in CSS, there is the potential to make the document less accessible with your changes — we will aim to highlight potential pitfalls in appropriate places.</p> +<p>我們已經將連結在懸停狀態下的底線移除。您也可以移除連結在所有狀態下的底線。但是在實際運作的網站上,值得注意的是您要確保使用網站的人能分判哪些元素是連結。留著底線會是一個讓人意識到段落中的某些文字以可點擊的重要線索,這是人們已經習慣的行為。就像所有 CSS 規則一樣,您所作的更改可能會使得內容難被閱讀或使用,我們將儘可能將這些可能的問題點突顯出來。</p> -<div class="blockIndicator note"> -<p><strong>Note</strong>: you will often see mention of <a href="/en-US/docs/Learn/Accessibility">accessibility</a> in these lessons and across MDN. When we talk about accessibility we are referring to the requirement for our webpages to be understandable and usable by everyone.</p> +<div class="notecard note"> +<p><strong>注意</strong>: 你將會在 MDN 網站以及這些課程中經常看到<a href="/zh-TW/docs/Learn/Accessibility">可用性</a>的觀點被提起。當我們討論可用性的時候,指的是為了讓我們網頁能被每個人了解及使用所必須的東西。</p> -<p>Your visitor may well be on a computer with a mouse or trackpad, or a phone with a touchscreen. Or they might be using a screenreader, which reads out the content of the document, or they may need to use much larger text, or be navigating the site using the keyboard only.</p> +<p>您的訪客可能使用帶滑鼠或觸控面板的電腦,或是有觸控螢幕的電話。又或著他們使用螢幕閱讀器,它會將網站的內容唸出來,或著他們需要更大的文體,或著只能使用鍵盤來瀏覽網站。</p> -<p>A plain HTML document is generally accessible to everyone — as you start to style that document it is important that you don't make it less accessible.</p> +<p>沒經過裝飾(瀏覽器預設樣式)的 HTML 內容,通常每個人都能使用(不見得最方便,但可以閱讀),當你開始設定樣式的時候,請不要讓讓它變得更難被使用,這一點很重要。</p> </div> -<h2 id="Combining_selectors_and_combinators">Combining selectors and combinators</h2> +<h2 id="Combining_selectors_and_combinators">組合選擇器和連結器</h2> -<p>It is worth noting that you can combine multiple selectors and combinators together. For example:</p> +<p>值得一提的是,您可以把多個選擇器和連結器組合在一起,例如:</p> -<pre class="brush: css notranslate">/* selects any <span> that is inside a <p>, which is inside an <article> */ +<pre class="brush: css">/* selects any <span> that is inside a <p>, which is inside an <article> */ article p span { ... } /* selects any <p> that comes directly after a <ul>, which comes directly after an <h1> */ h1 + ul + p { ... }</pre> -<p>You can combine multiple types together, too. Try adding the following into your code:</p> +<p>您也可以使用不同種類的選擇器和連結器,試著把下面的規則加到您的 CSS 中:</p> -<pre class="brush: css notranslate">body h1 + p .special { +<pre class="brush: css">body h1 + p .special { color: yellow; background-color: black; padding: 5px; }</pre> -<p>This will style any element with a class of <code>special</code>, which is inside a <code><p></code>, which comes just after an <code><h1></code>, which is inside a <code><body></code>. Phew!</p> +<p>這個規則會對任何在 <code><body></code> 內,跟在 <code><h1></code> 後 <code><p></code> 裡的 <code>special</code> 分類元素設定樣式!</p> -<p>In the original HTML we provided, the only element styled is <code><span class="special"></code>.</p> +<p>在們提供的 HTML 文件中,樣式只會套用在 <code><span class="special"></code> 元素上。</p> -<p>Don't worry if this seems complicated at the moment — you'll soon start to get the hang of it as you write more CSS.</p> +<p>如果這現在看起來有很複雜,別擔心,隨著開始撰寫更多 CSS ,您很快就會掌握它了。</p> -<h2 id="Wrapping_up">Wrapping up</h2> +<h2 id="Wrapping_up">小結</h2> -<p>In this tutorial, we have taken a look at a number of ways in which you can style a document using CSS. We will be developing this knowledge as we move through the rest of the lessons. However you now already know enough to style text, apply CSS based on different ways of targeting elements in the document, and look up properties and values in the MDN documentation.</p> +<p>在這個課程中,我們探討了一些使用 CSS 來設定樣式的方法。我們將在後續的課程中學習這些知識。不過,您現在已經知識怎麼調整文字的樣式,以不同的方式指定文件中想套用樣式的元素,並且在 MDN 文件中查找可以使用的屬性及支援的值。</p> -<p>In the next lesson we will be taking a look at how CSS is structured.</p> +<p>在下一個課程中,我們將看看 CSS 的結構是如何。</p> <p>{{PreviousMenuNext("Learn/CSS/First_steps/What_is_CSS", "Learn/CSS/First_steps/How_CSS_is_structured", "Learn/CSS/First_steps")}}</p> -<h2 id="In_this_module">In this module</h2> +<h2 id="In_this_module">在這個單元中</h2> <ol> - <li><a href="/en-US/docs/Learn/CSS/First_steps/What_is_CSS">What is CSS?</a></li> - <li><a href="/en-US/docs/Learn/CSS/First_steps/Getting_started">Getting started with CSS</a></li> - <li><a href="/en-US/docs/Learn/CSS/First_steps/How_CSS_is_structured">How CSS is structured</a></li> - <li><a href="/en-US/docs/Learn/CSS/First_steps/How_CSS_works">How CSS works</a></li> - <li><a href="/en-US/docs/Learn/CSS/First_steps/Using_your_new_knowledge">Using your new knowledge</a></li> + <li><a href="/zh-TW/docs/Learn/CSS/First_steps/What_is_CSS">CSS 是什麼?</a></li> + <li><a href="/zh-TW/docs/Learn/CSS/First_steps/Getting_started">開始使用 CSS</a></li> + <li><a href="/zh-TW/docs/Learn/CSS/First_steps/How_CSS_is_structured">CSS 的結構</a></li> + <li><a href="/zh-TW/docs/Learn/CSS/First_steps/How_CSS_works">CSS 的運作方式</a></li> + <li><a href="/zh-TW/docs/Learn/CSS/First_steps/Using_your_new_knowledge">使用您的新知識</a></li> </ol> diff --git a/files/zh-tw/learn/css/first_steps/how_css_works/index.html b/files/zh-tw/learn/css/first_steps/how_css_works/index.html index eebac03f5c..48c66d8592 100644 --- a/files/zh-tw/learn/css/first_steps/how_css_works/index.html +++ b/files/zh-tw/learn/css/first_steps/how_css_works/index.html @@ -36,7 +36,7 @@ translation_of: Learn/CSS/First_steps/How_CSS_works <p>下面是此流程的示意圖。</p> -<p><img alt="" src="https://mdn.mozillademos.org/files/11781/rendering.svg" style="height: auto; max-width: 635px; width: 100%;"></p> +<p><img alt="" src="rendering.svg" style="max-width: 635px;"></p> <h2 id="關於_DOM">關於 DOM</h2> diff --git a/files/zh-tw/learn/css/first_steps/how_css_works/rendering.svg b/files/zh-tw/learn/css/first_steps/how_css_works/rendering.svg new file mode 100644 index 0000000000..d2cc2b525e --- /dev/null +++ b/files/zh-tw/learn/css/first_steps/how_css_works/rendering.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 635 245"><style>@font-face{font-family:'open_sanssemibold';src:url(data:application/x-font-opentype;charset=utf-8;base64,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AGYAIABHAG8AbwBnAGwAZQAgAGEAbgBkACAAbQBhAHkAIABiAGUAIAByAGUAZwBpAHMAdABlAHIAZQBkACAAaQBuACAAYwBlAHIAdABhAGkAbgAgAGoAdQByAGkAcwBkAGkAYwB0AGkAbwBuAHMALgBBAHMAYwBlAG4AZABlAHIAIABDAG8AcgBwAG8AcgBhAHQAaQBvAG4AaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGEAcwBjAGUAbgBkAGUAcgBjAG8AcgBwAC4AYwBvAG0ALwBoAHQAdABwADoALwAvAHcAdwB3AC4AYQBzAGMAZQBuAGQAZQByAGMAbwByAHAALgBjAG8AbQAvAHQAeQBwAGUAZABlAHMAaQBnAG4AZQByAHMALgBoAHQAbQBsAEwAaQBjAGUAbgBzAGUAZAAgAHUAbgBkAGUAcgAgAHQAaABlACAAQQBwAGEAYwBoAGUAIABMAGkAYwBlAG4AcwBlACwAIABWAGUAcgBzAGkAbwBuACAAMgAuADAAaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGEAcABhAGMAaABlAC4AbwByAGcALwBsAGkAYwBlAG4AcwBlAHMALwBMAEkAQwBFAE4AUwBFAC0AMgAuADAATwBwAGUAbgAgAFMAYQBuAHMAUwBlAG0AaQBiAG8AbABkAFcAZQBiAGYAbwBuAHQAIAAxAC4AMABXAGUAZAAgAE8AYwB0ACAAMQA0ACAAMAA1ADoAMwAyADoANAA1ACAAMgAwADEANQBkAGUAZgBhAHUAbAB0AHAAZQByAHMAZQB1AHMARgBvAG4AdAAgAFMAcQB1AGkAcgByAGUAbAAAAAIAAAAAAAD/ZgBmAAAAAAAAAAAAAAAAAAAAAAAAAAAAOQAAAQIBAwADACQAJQAmACcAKAApACoAKwAsAC0ALgAvADAAMQAyADMANAA1ADYANwA4ADkAOgA7ADwAPQBEAEUARgBHAEgASQBKAEsATABNAE4ATwBQAFEAUgBTAFQAVQBWAFcAWABZAFoAWwBcAF0BBAZnbHlwaDEHdW5pMDAwRAd1bmkyNUZDALgB/4WwAY0AS7AIUFixAQGOWbFGBitYIbAQWUuwFFJYIbCAWR2wBitcWACwAyBFsAMrRLAMIEWyA9cCK7ADK0SwCyBFsgxzAiuwAytEsAogRbILVQIrsAMrRLAJIEWyCjcCK7ADK0SwCCBFsgktAiuwAytEsAcgRbIIIwIrsAMrRLAGIEWyBxkCK7ADK0SwBSBFsgZfAiuwAytEsAQgRbIFDwIrsAMrRLANIEWyA2gCK7ADK0SwDiBFsg0YAiuwAytEAbAPIEWwAytEsBAgRboAD3//AAIrsQNGditEsBEgRboAEAEbAAIrsQNGditEWbAUKwAAAVYeIT0AAA==) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'open_sansbold';src:url(data:application/x-font-opentype;charset=utf-8;base64,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7cqAev78wLR+cXuFowW2scGDqBEKH6qNyOABAGJltvZOWlRJAAEAd//sBNEFywAWAEUAshQAACuxDwPpsgQCACuxCgPpswcUBAgrAbAXL7AA1rENCemxGAErALEPFBESsBI5sAcRsgANETk5ObEEChESsAY5MDETNBIkMzIXBy4BIyICFRAhMjcRBiMgAHemATfR1ddkUqZQr8ABb5rbtN7+wf6uAtnkAVe3Z/wnOv756/4XTf78SwGDAAAAAgC4AAAFdQW2AAgADwA4ALIIAAArsQkD6bICAgArsQ8G6QGwEC+wANaxCQnpsAkQsQwBK7EFCemxEQErALEPCRESsAU5MDEzESEgABEQACEDMyARECEjuAHLAWYBjP5l/nxohQHA/mClBbb+hv6t/pf+gAEAAeEB1wAAAAEAuAAABAIFtgALAEcAsgAAACuxCQPpsgECACuxBAbptAUIAAENK7EFBukBsAwvsADWsQkJ6bAEMrIJAAors0AJCwkrsAIys0AJBwkrsQ0BKwAwMTMRIRUhESEVIREhEbgDSv3sAe/+EQIUBbb+/r/+/of/AAAAAAEAuAAAA/4FtgAJAEAAsgAAACuyAQIAK7EEBum0CAUAAQ0rsQgG6QGwCi+wANaxCQfpsAQysgkACiuzQAkDCSuzQAkHCSuxCwErADAxMxEhFSERIRUhEbgDRv3rAfD+EAW2/v6H/f2+AAAAAAEAd//sBScFywAaAHkAshgAACuxDgPpsgMCACuxCAPptBITGAMNK7ESA+kBsBsvsADWsQsJ6bALELEQASuxFQfpsAUyshAVCiuzQBASCSuxHAErsRALERKyAwgYOTk5sBURsAY5ALEOGBESsBU5sRMSERKxAAs5ObAIEbAGObADErAFOTAxExAAITIXByYjIgIVFBYzMjcRIREhEQ4BIyAAdwGVAWfh0Wegrcnyw7phZP7rAkSN+YL+tf6jAt0BYgGMWvhQ/vLk7vsUATEBAv0KLiUBhQAAAAEAuAAABWYFtgALAD8AsgAAACuwBzOyAQIAK7AFM7QDCgABDSuxAwPpAbAML7AA1rELCemwAjKwCxCxCAErsAQysQcJ6bENASsAMDEzESERIREhESERIRG4ATYCQwE1/sv9vQW2/cMCPfpKAnf9iQABALgAAAHuBbYAAwAhALIAAAArsgECACsBsAQvsADWsQMJ6bEDCemxBQErADAxMxEhEbgBNgW2+koAAAAB/2j+UgHuBbYADQAtALIGAgArsAsvsQID6QGwDi+wBdaxCAnpsQ8BKwCxAgsRErANObAGEbAAOTAxBxYzMjY1ESEREAIjIieYUEJmWAE26uVpTpYUf4cFWvqo/wD+9BYAAAAAAQC4AAAFUAW2AAwAMACyAAAAK7AIM7IBAgArsAUzAbANL7AA1rEMCemwAjKxDgErALEBABESsQMKOTkwMTMRIRE3ASEJASEBBxG4ATZ6AYwBWP4CAgL+oP6BgwW2/WOsAfH9efzRAmhe/fYAAQC4AAAEPwW2AAUALACyAAAAK7EDA+myAQIAKwGwBi+wANaxAwnpsgMACiuzQAMFCSuxBwErADAxMxEhESERuAE2AlEFtvtK/wAAAAEAuAAABtQFtgAUAIoAsgAAACuxBw8zM7IBAgArsQIFMzMBsBUvsADWsRQH6bQRBwAfBCuwFBCxCwErsQYH6bAGELEMB+mwDC+xFgErsDYausLc7RQAFSsKsA8uDrAQwLEDC/kFsALAAwCxAxAuLgGzAgMPEC4uLi6wQBqxCxQRErEFDjk5sAwRsA05ALEBABESsAw5MDEzESEBMwEhESERNDYTIwEhASMSFRG4AaYBWgYBbwGn/t4DDAn+h/7k/qAJEwW2+6IEXvpKArQxgAEU+4cEe/6idf1YAAABALgAAAXJBbYADwBdALIAAAArsAkzsgECACuwBzMBsBAvsADWsQ8H6bAPELEGASuxCAfpsAgQtAQHAB8EK7AEL7ERASuxDwARErELDDk5sAYRsQIKOTmwBBKwAzkAsQEAERKxAws5OTAxMxEhATMCNREhESEBIxIVEbgBhwJ7Bw8BF/52/YQJEwW2+7kBHXYCtPpKBFL+2339UAACAHf/7AXnBc0ACwAVAEQAsgkAACuxDwPpsgMCACuxEwPpAbAWL7AA1rEMCemwDBCxEQErsQYJ6bEXASuxEQwRErEDCTk5ALETDxESsQAGOTkwMRMQACEgABEQACEgAAEUFjMgERAhIgZ3AWkBUQFRAWX+mP6w/rD+mAFFurkBc/6PubwC3wFtAYH+fP6U/pX+egGGAWv1+AHtAe75AAAAAgC4AAAEqgW2AAoAEwBCALIAAAArsgICACuxEwbptAkLAAINK7EJBukBsBQvsADWsQoJ6bALMrAKELEPASuxBQnpsRUBKwCxEwsRErAFOTAxMxEhIAQVFAQhIxkBMzI2NTQmKwG4AdMBCgEV/tn+8IVmj453f40FtuXj7Pr9+AMGcWxtaAAAAAIAd/6kBecFzQAPABkAXgCyDQAAK7ETA+myDRMKK7NADQsJK7IDAgArsRcD6QGwGi+wANaxEAnpsBAQsRUBK7EGCemxGwErsRUQERKzAwsMCSQXObAGEbAKOQCxEw0RErAJObAXEbEABjk5MDETEAAhIAAREAIHASEBIyAAARQWMyARECEiBncBaQFRAVEBZbexAWD+c/70F/6w/pgBRbq5AXP+j7m8At8BbQGB/nz+lP7+/qNR/ncBSAGGAWv1+AHtAe75AAAAAgC4AAAFSAW2AA4AFwBbALIAAAArsAozsgICACuxFwbptA0PAAINK7ENBukBsBgvsADWsQ4J6bAPMrAOELETASuxBQnpsRkBK7ETDhESsAw5sAURsQgLOTkAsQ8NERKwCDmwFxGwBTkwMTMRISAEFRQGBwAXIQEjGQEzMjY1NCYrAbgBqgEqAR6OggFKZP6o/qOlZJOMj5ZeBbbZ3YHJOf4TkAIx/c8DLWJpaFgAAAABAF7/7AQXBcsAJwBxALImAAArsQQD6bISAgArsRkD6bMWJhIIKwGwKC+wD9axHAfpsBwQsQcBK7EjB+mwFTKxKQErsRwPERKwDDmwBxG1BAsSGSAmJBc5sCMSsRYhOTkAsQQmERKwADmwFhGzAQ8cIyQXObESGRESsBU5MDE3ER4BMzI2NTQuAScuAjU0JDMyFhcHLgEjIgYVFB4BFx4BFRQEIyJelM1VZm0wXY+GhlABB+hyz3FkdZlKWF4mU5vNmP7j/upEASBCNk5NK0M+RD90mmfC3jYx8TAmUkIpPTlKYsWPxuQAAQApAAAEeQW2AAcAOgCyBgAAK7IBAgArsQAD6bADMgGwCC+wBtaxBQnpsgUGCiuzQAUDCSuyBgUKK7NABgAJK7EJASsAMDETESERIREhESkEUP5z/soEtAEC/v77TAS0AAAAAAEArv/sBV4FtgASADcAshAAACuxBgPpsgECACuwCjMBsBMvsADWsQMJ6bADELEJASuxDAnpsRQBK7EJAxESsBA5ADAxExEhERQWMzI2NREhERQGBCMgAK4BNYidmIkBNZH+7rv+5v7IAggDrvyBqZ6fqgN9/E6i9IIBIQABAAAAAAUzBbYACwA9ALILAAArsgACACuwCDMBsAwvsADWsQEJ6bABELEIASuxCQnpsQ0BK7EIARESsQoLOTkAsQALERKwBTkwMREhAR4BFzY3ASEBIQE5ARMXMQYLQAEVATn+D/6uBbb8mk3NKFzmA2b6SgAAAAABAAAAAAe8BbYAHQEWALIdAAArsBMzsgACACuxCBEzMwGwHi+wANaxAQfpsAEQsREBK7ESB+mxHwErsDYauj4Q8F8AFSsKDrAFELAHwLEbDPmwGcC6wLX2hgAVKwoOsBgQsBbAsQsN+bANwLo+uPNAABUrC7AFELMGBQcTK7rA7/UdABUrC7ALELMMCw0TK7AYELMXGBYTK7o+ofLUABUrC7AbELMaGxkTK7IGBQcgiiCKIwYOERI5shobGRESObIMCw0giiCKIwYOERI5shcYFhESOQBADAcNGBsFBgsMFhcZGi4uLi4uLi4uLi4uLgFADAcNGBsFBgsMFhcZGi4uLi4uLi4uLi4uLrBAGgGxEQERErETHTk5ALEAHRESsAQ5MDERIRMWFz4BNxMhEx4BFz4BNxMhASEDJgInDgEHAyEBMbsxFgYrE9UBJdUOKgsKLBK6ATH+jP6fxgs1BAYwDcX+oAW2/OLdojnvQgMz/M034lFO6UgDHvpKAwApAQEsNu8z/QIAAAEAAAAABVYFtgALACYAsgAAACuwCDOyAgIAK7AFMwGwDC+xDQErALECABESsQQKOTkwMTEJASEJASEJASEJAQHl/joBVgE7ATUBTv41Ae7+nv6s/qwC8gLE/fICDv0r/R8CKf3XAAAAAQAAAAAE/gW2AAgAMACyBwAAK7IAAgArsAMzAbAJL7AH1rEGCemxCgErsQYHERKwAjkAsQAHERKwAjkwMREhCQEhAREhEQFQAS8BMQFO/hv+zAW2/aYCWvyD/ccCLwAAAQAxAAAEcQW2AAkALgCyAAAAK7EHA+myBAIAK7EDA+kBsAovsQsBKwCxBwARErABObEEAxESsAY5MDEzNQEhESEVASERMQK9/VYEGv1EAs/JA+0BAMj8Ev8AAAACAFb/7AQ7BHUAGAAiAIIAshEAACuyFgAAK7EbBOmyDAEAK7EHBOm0AyAWDA0rtAMEABQEKwGwIy+wANaxGQnpsBkQsR4BK7AEMrEPB+mxJAErsRkAERKxCQo5ObAeEbIHDBY5OTmwDxKwEzkAsRsRERKxEhM5ObAgEbAAObADErACObAHEbAJObAMErAKOTAxEzQ2PwE1NCMiByc2MzIWFREjJyMOASMiJiUUMzI2PQEHDgFW+fvCroa1ZcHr4fDVOwhNo4OhuQE5lGp/doWCAU6yqQkGMapRzmXEyP0XmGFLuKiBemVcBARYAAIAoP/sBLQGFAASAB8AYwCyAAAAK7IOAAArsRYF6bIIAQArsRwF6bABLwGwIC+wANaxEwfpsAIysBMQsRkBK7ELCemxIQErsRMAERKyBQYQOTk5sBkRsQgOOTkAsRYAERKwEDmwHBGwCzmwCBKwBTkwMTMRIREUBzM2MzISERACIyInIwcTFBYzMjY1NCYjIgYHoAExDAxr0sbg58fFcBUzSGt0Xm9wYXFoAgYU/pZFmKb+y/7z/uv+0I97AjO0nK2lpaWLoAAAAQBc/+wD3QRzABUAPQCyFAAAK7ENBemyAwEAK7EJBekBsBYvsADWsQsJ6bEXASsAsQ0UERKwETmwCRGyAAYQOTk5sAMSsAU5MDETEAAhMhcHLgEjIhEQMzI2NxEOASMgXAEcAQnCmlpIfD7u7liWS0qXc/32AikBHQEtTOwdJf6u/rgvMv77LyQAAAACAFz/7ARxBhQAEgAfAGIAsgwAACuyDwAAK7AJLwGwIC+wANaxEwnpsBMQsQgBK7EKB+mwChCxGQfpsBkvsAYzsSEBK7EIExEStAMOEBYdJBc5sBkRsQUNOTmwChKwDDkAsQkMERK0AA0OFh0kFzkwMRMQEjMyFzMmNREhESMnIwYjIgIBFBYzMjY3NTQmIyIGXOXJ028KFwEy6jsNaNXF4QE1cmp1bQVvfWZxAi0BEwEzpH1iAWb57JGlATIBC6WliKMhtJytAAIAXP/sBGIEcwAUABsAaQCyEgAAK7ELBOmyAwEAK7EZBOm0FQgSAw0rtBUEABQEKwGwHC+wANaxCAnpsBUysAgQsRYBK7EGB+mxHQErsRYIERKyAwsSOTk5sAYRsQ4POTkAsQsSERKwDzmwCBGwDjmwFRKwADkwMRMQADMyAB0BIR4BMzI2NxUOASMgAAEhLgEjIgZcARn47QEI/S8FkIJltGJQtoP+8v7QATwBrAJyYWFuAicBGQEz/vLulIKSKi7sKCcBKgGYcXt7AAEAKQAAA3UGHwAVAFoAshQAACuyDwEAK7ESBOmwADKyAgEAK7ALL7EGBekBsBYvsBTWsAIysRMH6bAOMrITFAors0ATEQkrshQTCiuzQBQACSuxFwErALELDxESsAk5sAYRsAg5MDETNTc1NDYzMhcHJiMiBh0BIRUhESERKai8z557TlxOQToBCP74/s8DeZNSUr+wL+AdTTxG5fyHA3kAAAAAAwAG/hQEbQRzACkANgBAAN8AsjQAACuxIAXpshIBACu0PwQADAQrsBQysg8BACu0PwQAFAQrsCcvtC0EABQEK7QaOjQPDSu0GgQAFAQrAbBBL7AM1rE3B+mwHjKwACDWEbQqBwAfBCuwNxC0BgcAGAQrsAYvsDcQsT0BK7EXB+mwFxCwJCDWEbQwBwAlBCuwMC+0JAcAJQQrsUIBK7EqBhESsAM5sDcRsAk5sD0StBwPICctJBc5sDARsCE5sBcSsBU5ALE0LRESsSQAOTmwIBGwAzmwGhKxBh45ObA6EbEJHDk5sD8SshUXDDk5OTAxFzQ2Ny4BNTQ2Ny4BNTQ2MzIWFyEVBxYVFAYjLwEGFRQ7ATIWFRQEISImJRQWMzI2NTQmKwEiBhMUFjMyNjU0IyIGfnovRkpGWGfu3S+BEgGGrzD73zctL6i+uMH+uf7O6vcBCHltpLpuc55UcW9TVVZQpqi2ZYgdFFszQFUpJqhyt8gRBJstS120yQMFJCxCnpnE2KOrP0haTj8wTwNNW2pqW8oAAAAAAQCgAAAEqAYUABUARACyAAAAK7ANM7ABLwGwFi+wANaxFQfpsAIysBUQsQ4BK7ENB+mxFwErsRUAERKwBjmwDhGxBwk5OQCxAQARErAROTAxMxEhERQPATM2MzIWFREhETQjIgYVEaABMQcHEGbexcz+z7SAcgYU/sMliVqk1Mb9JwKN8q7D/fIAAAACAJMAAAHfBhQACAAMADcAsgkAACuyCgEAK7AHL7QCAwAjBCsBsA0vsAnWsAAysQwH6bAEMrEOASuxDAkRErEHAjk5ADAxEzQzMhUUBiMiExEhEZOmplNTpg0BMQV/lZVHT/sXBF77ogAAAAAC/33+FAHfBhQADQAWAEcAsgYBACuwCy+xAgXpsBUvtBADACMEKwGwFy+wBdawDjKxCAfpsBIysRgBK7EIBRESsRAVOTkAsQILERKwDTmwBhGwADkwMQcWMzI2NREhERQGIyInATQzMhUUBiMig0ZJTUcBMc69dVQBFqamU1Om4xNWVASq+ymywRkHUpWVR08AAAAAAQCgAAAE9gYUAA4AOgCyAAAAK7AKM7IHAQArsAEvAbAPL7AA1rEOB+mwAjKxEAErsQ4AERKxBAU5OQCxBwARErEEDDk5MDEzESERBzM3ASEJASEBBxGgATEQBIUBOQFY/kQB1/6g/r6DBhT9Sv6qAVT+G/2HAcVp/qQAAAEAoAAAAdEGFAADAB8AsgAAACuwAS8BsAQvsADWsQMH6bEDB+mxBQErADAxMxEhEaABMQYU+ewAAQCgAAAHQgRzACMAcACyAAAAK7ERGjMzsgEBACuyBwEAK7ANM7EfBemwFjIBsCQvsADWsSMH6bAjELEbASuxGgfpsBoQsRIBK7ERB+mxJQErsSMAERKwBDmwGxGwBzmwGhKxCgk5ObASEbANOQCxAR8RErMDBAkKJBc5MDEzETMXMz4BMzIXMz4BMzIWFREhETQmIyIGFREhETQmIyIGFRGg6SkRLapu+1kbLa9uvsP+zlFXcG/+z1FXdWoEXo9NV6ROVsPX/ScCjXl5oK79zwKNeXmsxf3yAAAAAAEAoAAABKgEcwAUAEwAsgAAACuwCzOyAQEAK7IHAQArsRAF6QGwFS+wANaxFAfpsBQQsQwBK7ELB+mxFgErsRQAERKwBDmwDBGwBzkAsQEQERKxAwQ5OTAxMxEzFzM+ATMyFhURIRE0JiMiBhURoOkpETOzcsPK/s9WXoByBF6PUVPTx/0nAo15eavG/fIAAAIAXP/sBJgEcwANABkARACyCgAAK7ERBemyAwEAK7EXBekBsBovsADWsQ4J6bAOELEUASuxBwnpsRsBK7EUDhESsQMKOTkAsRcRERKxBwA5OTAxExAAITIWEhUQACEiJgIlFBYzMjY1NCYjIgZcAR4BA6H2hP7g/v+h9oQBN217emtse3psAjEBEgEwjP76sP7v/syNAQiwpqqpp6ampQACAKD+FAS0BHMAEwAfAGcAsg0AACuxFwXpsgEBACuyBgEAK7EcBemwAC8BsCAvsADWsRMH6bAUMrATELEZASuxCQnpsSEBK7ETABESsgQPEDk5ObAZEbEGDTk5ALEXDRESsQ8QOTmwHBGwCTmwARKxAwQ5OTAxExEzFzM2MzISERQCBiMiJyMWFRkBFBYzMhE0JiMiBgeg+CsOa9LG4GnCg8VwEBBrdM1lbHFoAv4UBkqRpv7O/vCz/viKj4wW/jsEH7ScAVKlpYugAAACAFz+FARxBHMAFAAgAFoAsggBACuyAgEAK7ALLwGwIS+wANaxFQnpsBUQsRsBK7EJB+mwCRCxCwfpsAsvsSIBK7ELFREStAMPEhgfJBc5sBsRsgcGDjk5OQCxCAsRErMABhgfJBc5MDETEBIzMhYXMzchESERNDcjDgEjIgIBFBYzMjY3NTQmIyJc5cdqnjwIGwEC/s4NDTGiasbgATdrcXRsBW971wItARIBNFBUj/m2AdU9a1FUATEBDKimhaYltJwAAQCgAAADdwRzABAAOACyAAAAK7IBAQArsgcBACuxDAPpAbARL7AA1rEQB+mxEgErsRAAERKwBDkAsQEMERKxAwQ5OTAxMxEzFzM+ATMyFwMmIyIGFRGg5y0PNLFoPikXJTWSowRevF5zCf7iCpaH/ccAAAABAFz/7AOsBHMAJQBrALIVAAArsRwE6bIDAQArsQkE6QGwJi+wANawGDKxCwfpsAsQsR4BK7ESB+mxJwErsQsAERKwIzmwHhG1AwkOFRwiJBc5sBISsgYPBTk5OQCxHBURErAYObAJEbMABhIZJBc5sAMSsAU5MDETNDYzMhcHLgEjIhUUFhceAhUUBiMiJic1HgEzMjU0LgEnLgJc59TKv1xUkkyHV5ODejrv7nqsS1XVUaYsbFqBeTcDO5WjWNwkLkkpPDs1XHhTrLQhIPwoNmAkLTkmNlx3AAAAAQAv/+wDNwVMABUAcACyEQAAK7EMBemyBQEAK7EIBOmwADKyBQgKK7NABQQJK7ICAQArAbAWL7AU1rEJB+mwBDKyCRQKK7NACQcJK7AOMrIUCQors0AUAAkrsRcBK7EJFBESsAI5ALEMERESsA85sAgRsA45sAUSsAE5MDETNT8BMxUhFSERFBYzMjcVBiMiJjURL6hYwwE5/sdJPFBwcqa3pwN5gWbs7uX95UE+I+MzubkCGwAAAAEAmv/sBKIEXgAUAEwAsg0AACuyEgAAK7EGBemyAQEAK7AKMwGwFS+wANaxAwfpsAMQsQkBK7ELB+mxFgErsQkDERKwEjmwCxGwDzkAsQYNERKxDg85OTAxExEhERQWMzI2NREhESMnIw4BIyImmgExVl6AcgEx6ikQMbRzxcgBhQLZ/XN5eavGAg77oo9OVdMAAAABAAAAAASNBF4ACwAhALILAAArsgABACuwCDMBsAwvsQ0BKwCxAAsRErAEOTAxESETFhczNjcTIQEhAT/YJAkGBSjXAT/+Vv7HBF79g3lsYIUCffuiAAAAAQAUAAAGxQReAB0A5gCyHQAAK7AXM7IAAQArswEKFRYkFzMBsB4vsADWsQEH6bABELEVASuxFgfpsR8BK7A2GrrCEu/cABUrCrAAELAdwA6wARCwAsC6wdTwzgAVKwoFsAouDrAOwLEaBPmwGcC6PcfvRwAVKwoOsBUQsBTABbAWELAXwLrBlvHZABUrC7AKELMLCg4TK7MMCg4TK7MNCg4TK7ILCg4giiCKIwYOERI5sAw5sA05ALcCCxQZGgwNDi4uLi4uLi4uAUALAgoLFBcZGh0MDQ4uLi4uLi4uLi4uLrBAGgEAsQAdERKxBBA5OTAxEyETFhczNj8BEyETHgMXMz4BNxMhASELASMDIRQBMIEfIAYEHxCKAVCDBBEQDQEGCS4KhgEr/r7+tFZ0B8z+uARe/hGF6kylVQIY/egWVmFdHEj7LAHv+6IBhwHu/IsAAAEACgAABJYEXgALACYAsgAAACuwCDOyAgEAK7AFMwGwDC+xDQErALECABESsQQKOTkwMTMJASEbASEJASELAQoBe/6YAVrZ2wFa/pQBff6l6+wCOwIj/pwBZP3d/cUBf/6BAAABAAD+FASNBF4AFgArALIAAQArsAgzsA0vsRIF6QGwFy+xGAErALESDRESsA85sAARsQQQOTkwMREhExYXMzY3EyEBDgEjIic1FjMyNj8BAU7TGwoGCyDPAUf+J0HxoU9MN0FReSISBF79i1JwZ1sCdfsTr64R8g1jZDcAAQA3AAADqgReAAkALgCyAAAAK7EHBOmyBAEAK7EDBOkBsAovsQsBKwCxBwARErABObEEAxESsAY5MDEzNQEhNSEVASEVNwIG/hkDQv4IAgq0AsHpxv1R6QAAAAABAAAAAARgBGAAAwAnALIAAAArsgEBACsBsAQvsADWtAMJAAcEK7QDCQAHBCuxBQErADAxMREhEQRgBGD7oAAAAQAAAAEZmpevkAxfDzz1AB8IAAAAAADSQ9G+AAAAANJD0b7/aP4UB7wGHwABAAgAAgAAAAAAAAABAAAIjf2AAAAH2/9o/6QHvAABAAAAAAAAAAAAAAAAAAAAOQLsAEQAAAAABBQAAAIUAAAFhQAABWAAuAUZAHcF7AC4BHsAuARkALgFywB3Bh8AuAKmALgCpv9oBVAAuASFALgHiwC4BoEAuAZeAHcFBgC4Bl4AdwVIALgEaABeBKIAKQYMAK4FMwAAB7wAAAVWAAAE/gAABKIAMQTVAFYFEACgBB0AXAUQAFwEugBcAxkAKQSFAAYFQgCgAnEAkwJx/30E9gCgAnEAoAfbAKAFQgCgBPQAXAUQAKAFEABcA6IAoAP6AFwDeQAvBUIAmgSNAAAG2QAUBKAACgSNAAAD5wA3BGAAAAAAACwALAAsACwAcgDYASQBYgGeAdQCQAJ4ApYCyAL+AyQDkgPgBDAEdATYBTAFpAXWBhQGUAcUB0gHeAemCBwIgAjGCSoJkAniCq4K9AsqC3QLsgvODDwMhAzUDToNnA3WDkQOoA7qDxYPwA/yEDAQXhB+AAEAAAA5AEEAAwAAAAAAAgABAAIAFgAAAQABFgAAAAAAAAASAN4AAwABBAkAAAByAAAAAwABBAkAAQASAHIAAwABBAkAAgAIAIQAAwABBAkAAwBGAIwAAwABBAkABAAcANIAAwABBAkABQAYAO4AAwABBAkABgAaAQYAAwABBAkABwCkASAAAwABBAkACAAoAcQAAwABBAkACwA4AewAAwABBAkADABcAiQAAwABBAkADQBcAoAAAwABBAkADgBUAtwAAwABBAkAyAAWAzAAAwABBAkAyQAwA0YAAwABBAkAygAOA3YAAwABBAkAywAOA4QAAwABBAnZAwAaA5IARABpAGcAaQB0AGkAegBlAGQAIABkAGEAdABhACAAYwBvAHAAeQByAGkAZwBoAHQAIACpACAAMgAwADEAMAAtADIAMAAxADEALAAgAEcAbwBvAGcAbABlACAAQwBvAHIAcABvAHIAYQB0AGkAbwBuAC4ATwBwAGUAbgAgAFMAYQBuAHMAQgBvAGwAZABBAHMAYwBlAG4AZABlAHIAIAAtACAATwBwAGUAbgAgAFMAYQBuAHMAIABCAG8AbABkACAAQgB1AGkAbABkACAAMQAwADAATwBwAGUAbgAgAFMAYQBuAHMAIABCAG8AbABkAFYAZQByAHMAaQBvAG4AIAAxAC4AMQAwAE8AcABlAG4AUwBhAG4AcwAtAEIAbwBsAGQATwBwAGUAbgAgAFMAYQBuAHMAIABpAHMAIABhACAAdAByAGEAZABlAG0AYQByAGsAIABvAGYAIABHAG8AbwBnAGwAZQAgAGEAbgBkACAAbQBhAHkAIABiAGUAIAByAGUAZwBpAHMAdABlAHIAZQBkACAAaQBuACAAYwBlAHIAdABhAGkAbgAgAGoAdQByAGkAcwBkAGkAYwB0AGkAbwBuAHMALgBBAHMAYwBlAG4AZABlAHIAIABDAG8AcgBwAG8AcgBhAHQAaQBvAG4AaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGEAcwBjAGUAbgBkAGUAcgBjAG8AcgBwAC4AYwBvAG0ALwBoAHQAdABwADoALwAvAHcAdwB3AC4AYQBzAGMAZQBuAGQAZQByAGMAbwByAHAALgBjAG8AbQAvAHQAeQBwAGUAZABlAHMAaQBnAG4AZQByAHMALgBoAHQAbQBsAEwAaQBjAGUAbgBzAGUAZAAgAHUAbgBkAGUAcgAgAHQAaABlACAAQQBwAGEAYwBoAGUAIABMAGkAYwBlAG4AcwBlACwAIABWAGUAcgBzAGkAbwBuACAAMgAuADAAaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGEAcABhAGMAaABlAC4AbwByAGcALwBsAGkAYwBlAG4AcwBlAHMALwBMAEkAQwBFAE4AUwBFAC0AMgAuADAAVwBlAGIAZgBvAG4AdAAgADEALgAwAFcAZQBkACAATwBjAHQAIAAxADQAIAAwADUAOgAzADIAOgA0ADYAIAAyADAAMQA1AGQAZQBmAGEAdQBsAHQAcABlAHIAcwBlAHUAcwBGAG8AbgB0ACAAUwBxAHUAaQByAHIAZQBsAAAAAgAAAAAAAP9mAGYAAAAAAAAAAAAAAAAAAAAAAAAAAAA5AAABAgEDAAMAJAAlACYAJwAoACkAKgArACwALQAuAC8AMAAxADIAMwA0ADUANgA3ADgAOQA6ADsAPAA9AEQARQBGAEcASABJAEoASwBMAE0ATgBPAFAAUQBSAFMAVABVAFYAVwBYAFkAWgBbAFwAXQEEBmdseXBoMQd1bmkwMDBEB3VuaTI1RkMAuAH/hbABjQBLsAhQWLEBAY5ZsUYGK1ghsBBZS7AUUlghsIBZHbAGK1xYALADIEWwAytEsAYgRbID+gIrsAMrRLAFIEWyBmwCK7ADK0SwBCBFsgUkAiuwAytEAbAHIEWwAytEsAggRboAB3//AAIrsQNGditEsAkgRbII2gIrsQNGditEWbAUKwABVh4hPgAA) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'open_sansitalic';src:url(data:application/x-font-opentype;charset=utf-8;base64,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BCf/mAQGALwEP//wBIUAYgSeADsDmgBiBJ4AYgPyAGICgf8bBAL/gQSeADsCCAA7Agj+/gPnADkCCAA5BvoAOwSeADsEfQBiBJ7/1QSeAGIDKwA7A20ACAKYAFoEngBxA7IAYgW8AHUD0/+2A7L/OwON/+MERwAAAAAALAAsACwALACKAQYBUAGmAfYCPgKyAx4DTAOWA/oELgTUBTYFjAXqBkwGugcoB2IHxggICHAIogj4CSgJjAnyCjoKqAsSC5oMdg0aDWINxg44DmYPCg+CD9IQQhCoEPARWBHAEh4SYhLQEwATXBOKE6oAAQAAADkARAADAAAAAAACAAEAAgAWAAABAAD2AAAAAAAAABIA3gADAAEECQAAAHIAAAADAAEECQABABIAcgADAAEECQACAAwAhAADAAEECQADAEoAkAADAAEECQAEACAA2gADAAEECQAFABgA+gADAAEECQAGAB4BEgADAAEECQAHAKQBMAADAAEECQAIACgB1AADAAEECQALADgB/AADAAEECQAMAFwCNAADAAEECQANAFwCkAADAAEECQAOAFQC7AADAAEECQDIABYDQAADAAEECQDJADADVgADAAEECQDKAA4DhgADAAEECQDLAAwDlAADAAEECdkDABoDoABEAGkAZwBpAHQAaQB6AGUAZAAgAGQAYQB0AGEAIABjAG8AcAB5AHIAaQBnAGgAdAAgAKkAIAAyADAAMQAwAC0AMgAwADEAMQAsACAARwBvAG8AZwBsAGUAIABDAG8AcgBwAG8AcgBhAHQAaQBvAG4ALgBPAHAAZQBuACAAUwBhAG4AcwBJAHQAYQBsAGkAYwBBAHMAYwBlAG4AZABlAHIAIAAtACAATwBwAGUAbgAgAFMAYQBuAHMAIABJAHQAYQBsAGkAYwAgAEIAdQBpAGwAZAAgADEAMAAwAE8AcABlAG4AIABTAGEAbgBzACAASQB0AGEAbABpAGMAVgBlAHIAcwBpAG8AbgAgADEALgAxADAATwBwAGUAbgBTAGEAbgBzAC0ASQB0AGEAbABpAGMATwBwAGUAbgAgAFMAYQBuAHMAIABpAHMAIABhACAAdAByAGEAZABlAG0AYQByAGsAIABvAGYAIABHAG8AbwBnAGwAZQAgAGEAbgBkACAAbQBhAHkAIABiAGUAIAByAGUAZwBpAHMAdABlAHIAZQBkACAAaQBuACAAYwBlAHIAdABhAGkAbgAgAGoAdQByAGkAcwBkAGkAYwB0AGkAbwBuAHMALgBBAHMAYwBlAG4AZABlAHIAIABDAG8AcgBwAG8AcgBhAHQAaQBvAG4AaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGEAcwBjAGUAbgBkAGUAcgBjAG8AcgBwAC4AYwBvAG0ALwBoAHQAdABwADoALwAvAHcAdwB3AC4AYQBzAGMAZQBuAGQAZQByAGMAbwByAHAALgBjAG8AbQAvAHQAeQBwAGUAZABlAHMAaQBnAG4AZQByAHMALgBoAHQAbQBsAEwAaQBjAGUAbgBzAGUAZAAgAHUAbgBkAGUAcgAgAHQAaABlACAAQQBwAGEAYwBoAGUAIABMAGkAYwBlAG4AcwBlACwAIABWAGUAcgBzAGkAbwBuACAAMgAuADAAaAB0AHQAcAA6AC8ALwB3AHcAdwAuAGEAcABhAGMAaABlAC4AbwByAGcALwBsAGkAYwBlAG4AcwBlAHMALwBMAEkAQwBFAE4AUwBFAC0AMgAuADAAVwBlAGIAZgBvAG4AdAAgADEALgAwAFcAZQBkACAATwBjAHQAIAAxADQAIAAwADUAOgAzADQAOgAzADEAIAAyADAAMQA1AGQAZQBmAGEAdQBsAHQAdABhAHUAcgB1AHMARgBvAG4AdAAgAFMAcQB1AGkAcgByAGUAbAACAAD/9AAA/2YAZgAAAAAAAAAAAAAAAAAAAAAAAAAAADkAAAECAQMAAwAkACUAJgAnACgAKQAqACsALAAtAC4ALwAwADEAMgAzADQANQA2ADcAOAA5ADoAOwA8AD0ARABFAEYARwBIAEkASgBLAEwATQBOAE8AUABRAFIAUwBUAFUAVgBXAFgAWQBaAFsAXABdAQQGZ2x5cGgxB3VuaTAwMEQHdW5pMjVGQwC4Af+FsAGNAEuwCFBYsQEBjlmxRgYrWCGwEFlLsBRSWCGwgFkdsAYrXFgAsAMgRbADK0SwCyBFsgPRAiuwAytEsAogRbILgAIrsAMrRLAJIEWyClgCK7ADK0SwCCBFsgk9AiuwAytEsAcgRbIIMAIrsAMrRLAGIEWyByICK7ADK0SwBSBFsgZhAiuwAytEsAQgRbIFFQIrsAMrRLAMIEW6AAMBFAACK7ADK0SwDSBFsgwTAiuwAytEAbAOIEWwAytEsBMgRboADgEDAAIrsQNGditEsBIgRbITiwIrsQNGditEsBEgRbISTwIrsQNGditEsBAgRbIRKwIrsQNGditEsA8gRbIQHwIrsQNGditEsBQgRboADn//AAIrsQNGditEsBUgRbIUxgIrsQNGditEsBYgRbIVWgIrsQNGditEsBcgRbIWKQIrsQNGditEWbAUKwAAAAFWHiGnAAA=) format('truetype');font-weight:400;font-style:normal}.st1{fill:#c6dd7f}.st2{fill:#e9ddb7}.st3{fill:#a6d0e4}.st4{fill:#e6e6e6;stroke:#000;stroke-miterlimit:10}.st5{font-family:'open_sanssemibold',sans-serif}.st6{font-size:16px}.st7{fill:#bef0f0;stroke:#000;stroke-miterlimit:10}.st11{font-family:'open_sansitalic',sans-serif}</style><pattern width="144.13" height="138.362" patternUnits="userSpaceOnUse" id="Alysse" viewBox="99.963 -216.829 144.13 138.362" overflow="visible"><path fill="none" d="M99.963-216.829h144.13v138.362H99.963z"/><path class="st1" d="M311.036-58.307c-11.76-1.384-19.369.346-22.654 3.113-3.02 2.543-4.955 5.405-2.248 11.932 2.939 7.091 1.533 14.732-5.535 15.91-6.225 1.037-10.895-4.842-11.24-12.278-.24-5.183-1.902-8.301-5.533-7.608-3.633.691-4.629 5.9-3.633 11.759 1.385 8.128 5.535 11.76 6.227 20.233.494 6.055-2.939 13.662-12.451 15.045-9.301 1.354-15.91-4.322-16.602-10.549-.732-6.588 3.631-10.894 3.111-17.639-.518-6.745-4.012-10.172-5.879-17.294-2.768-10.549 1.211-19.022 7.781-22.654 14.746-8.148 22.832 3.642 35.971 1.556 10.897-1.729 23.348-18.157 33.031-19.541 8.227-1.175 13.834 4.669 15.045 14.008 1.211 9.338-4.74 15.261-15.391 14.007zm-42.195.519a4.15 4.15 0 10-8.301.001 4.15 4.15 0 008.301-.001zM318.3-73.179a1.728 1.728 0 10-3.458 0 1.728 1.728 0 103.458 0z"/><path class="st2" d="M148.796-77.494c0 7.166 4.588 13.813-1 16.333-8.5 3.833-28-14.333-28-36.167 0-12 8.668-19 17.834-19 12.334 0 18 8.167 18 17.5 0 9.332-6.834 13.139-6.834 21.334zm-5.409-5.37a2.075 2.075 0 10-4.15 0 2.075 2.075 0 004.15 0z"/><path class="st3" d="M223.494-54c-7.871 2.737-19.439-15.297-17.67-27.019 1.24-8.228 7.123-13.189 13.088-14.217 7.525-1.297 12.898 2.601 13.299 7.243.547 6.309-3.633 7.518-4.223 14.958-.562 7.135 3.692 16.186-4.494 19.035zm-3.789-27.508a2.594 2.594 0 10-5.189-.001 2.594 2.594 0 005.189.001z"/><path class="st2" d="M119.35-76.465a2.594 2.594 0 11-5.188 0 2.594 2.594 0 015.188 0z"/><path class="st3" d="M184.573-84.189c.74 8.101 12.671 7.017 17.904 14.214 10.52 14.475-1.219 46.365-21.63 46.365-11.74 0-24.217-9.719-24.217-29.219 0-15.834 10.166-21.5 8.25-42.166-1.006-10.834-12.5-20.343-12.5-34.75 0-5.922 3.586-13.447 11.553-13.447 7.055 0 10.822 5.953 10.822 12.9 0 6.798-5.381 15.74 1.375 19.047 5.242 2.565 13.211-4.77 19.499-6.75 5.191-1.636 12.389.225 14.75 8.5 2.531 8.876-3.252 14.745-11.592 16.693-6.318 1.477-14.802 2.172-14.214 8.613zm-15.984-30.558a3.286 3.286 0 10-6.573-.001 3.286 3.286 0 006.573.001zm25.983 9.695a2.33 2.33 0 10-.003-4.659 2.33 2.33 0 00.003 4.659zM174.589-45.38a3.287 3.287 0 10-6.574 0 3.287 3.287 0 006.574 0z"/><path class="st1" d="M166.907-58.307c-11.76-1.384-19.369.346-22.654 3.113-3.02 2.543-4.955 5.405-2.248 11.932 2.939 7.091 1.533 14.732-5.535 15.91-6.225 1.037-10.895-4.842-11.24-12.278-.24-5.183-1.902-8.301-5.533-7.608-3.633.691-4.629 5.9-3.633 11.759 1.385 8.128 5.535 11.76 6.227 20.233.494 6.055-2.939 13.662-12.451 15.045-9.301 1.354-15.91-4.322-16.602-10.549-.732-6.588 3.631-10.894 3.111-17.639-.517-6.745-4.012-10.172-5.879-17.294-2.768-10.549 1.211-19.022 7.781-22.654 14.746-8.148 22.832 3.642 35.971 1.556 10.896-1.729 23.348-18.157 33.031-19.541 8.227-1.175 13.834 4.669 15.045 14.008 1.21 9.338-4.741 15.261-15.391 14.007zm-42.196.519a4.15 4.15 0 10-8.301.001 4.15 4.15 0 008.301-.001zm49.46-15.391a1.73 1.73 0 10-3.461.001 1.73 1.73 0 003.461-.001z"/><path class="st3" d="M290.284-104.841c0 6.227-4.15 10.721-8.646 11.586-4.496.865-8.318-1.281-12.971 1.211-4.842 2.594-7.09 11.068-16.775 11.068-7.955 0-15.217-7.955-15.217-18.85 0-20.234 13.143-29.226 25.594-29.226 16.601 0 28.015 12.625 28.015 24.211zm-19.714-14.354c0-2.1-1.703-3.803-3.805-3.803a3.804 3.804 0 100 7.608 3.805 3.805 0 003.805-3.805z"/><path class="st1" d="M311.036-196.669c-11.76-1.384-19.369.346-22.654 3.113-3.02 2.543-4.955 5.405-2.248 11.932 2.939 7.091 1.533 14.732-5.535 15.91-6.225 1.037-10.895-4.842-11.24-12.278-.24-5.183-1.902-8.301-5.533-7.608-3.633.691-4.629 5.9-3.633 11.759 1.385 8.128 5.535 11.76 6.227 20.233.494 6.055-2.939 13.662-12.451 15.045-9.301 1.354-15.91-4.322-16.602-10.549-.732-6.588 3.631-10.895 3.111-17.639-.518-6.745-4.012-10.172-5.879-17.294-2.768-10.549 1.211-19.023 7.781-22.654 14.746-8.148 22.832 3.642 35.971 1.556 10.897-1.729 23.348-18.157 33.031-19.541 8.227-1.175 13.834 4.669 15.045 14.008 1.211 9.338-4.74 15.261-15.391 14.007zm-42.195.518a4.15 4.15 0 10-8.301.001 4.15 4.15 0 008.301-.001zm49.459-15.39a1.728 1.728 0 10-3.458 0 1.728 1.728 0 103.458 0z"/><path class="st3" d="M131.796-133.191c-13.957 1.988-21.166-13.332-17.666-20.332 3.666-7.334 12.119-4.168 19.5-4.168 9.666 0 16.367-7.568 20.416-2.25 4.25 5.584-5.01 24.295-22.25 26.75zm.523-17.478a2.249 2.249 0 10-4.497.001 2.249 2.249 0 004.497-.001z"/><path class="st2" d="M148.796-215.857c0 7.166 4.588 13.813-1 16.333-8.5 3.833-28-14.333-28-36.167 0-12 8.668-19 17.834-19 12.334 0 18 8.167 18 17.5 0 9.332-6.834 13.14-6.834 21.334zm-5.409-5.369a2.075 2.075 0 10-4.15 0 2.075 2.075 0 004.15 0z"/><path class="st3" d="M146.155-104.841c0 6.227-4.15 10.721-8.646 11.586-4.496.865-8.318-1.281-12.971 1.211-4.842 2.594-7.09 11.068-16.775 11.068-7.955 0-15.217-7.955-15.217-18.85 0-20.234 13.143-29.226 25.594-29.226 16.601 0 28.015 12.625 28.015 24.211zm-19.715-14.354c0-2.1-1.703-3.803-3.805-3.803a3.804 3.804 0 100 7.608 3.804 3.804 0 003.805-3.805z"/><path class="st1" d="M145.464-128.533a2.421 2.421 0 11-4.842-.002 2.421 2.421 0 014.842.002z"/><path class="st3" d="M229.162-147.037c-3.191 4.68 1.039 10.721-1.383 15.217-2.422 4.498-6.744 5.016-9.857 2.596-3.635-2.828-3.41-6.643-8.301-8.82-5.529-2.465-17.984 2.248-19.714-7.264-.875-4.811 2.375-8.566 7.263-9.684 6.053-1.383 9.352-.18 15.391-3.113 6.053-2.939 11.242-8.993 22.137-12.105 10.406-2.975 16.072 1.557 16.602 5.879 1.036 8.474-17.128 9.949-22.138 17.294zm-2.248-7.437a2.249 2.249 0 10-4.497.001 2.249 2.249 0 004.497-.001z"/><path class="st2" d="M256.129-107.857c0 17.166-14.5 25.5-27 22.832-10.264-2.19-12.834-17.332-16.668-26.166-3.713-8.557-8.832-22.5-20.165-22.5-11.197 0-12.832 14.5-23.666 14.5-11 0-24.5-15.666-24.5-39.666 0-14.667 9.799-31.455 20.834-30.667 11.666.833 4.5 19.667 15.332 19.667 9.5 0 7.857-16.259 9.168-23.334 1.666-9 6.831-14.166 18.497-13.166 14.443 1.237 22.334 13.5 18.871 23.344-4.029 11.451-23.869 17.322-21.537 30.49 1.346 7.592 13 11.998 26 16.166 14.529 4.656 24.834 11.332 24.834 28.5zM211.178-183.7a3.286 3.286 0 106.571 0 3.286 3.286 0 00-6.571 0zm-46.693 24.904a1.73 1.73 0 10-3.458-.002 1.73 1.73 0 003.458.002zm17.467 10.72a3.804 3.804 0 10-7.61 0 3.806 3.806 0 007.61 0zm19.888-15.563a1.557 1.557 0 10-3.113.001 1.557 1.557 0 003.113-.001zm29.642 54.694a3.174 3.174 0 10-6.348 0 3.174 3.174 0 006.348 0z"/><path class="st3" d="M223.494-192.363c-7.871 2.737-19.439-15.297-17.67-27.018 1.24-8.228 7.123-13.189 13.088-14.217 7.525-1.297 12.898 2.6 13.299 7.243.547 6.309-3.633 7.518-4.223 14.958-.562 7.135 3.692 16.186-4.494 19.034zm-3.789-27.508a2.594 2.594 0 10-5.189-.001 2.594 2.594 0 005.189.001z"/><path class="st2" d="M119.35-214.828a2.594 2.594 0 11-5.188 0 2.594 2.594 0 015.188 0zm133.998 86.737c0-8.41-5.078-15.227-11.34-15.227s-11.34 6.816-11.34 15.227c0 8.408 5.078 12.441 11.34 12.441s11.34-4.033 11.34-12.441z"/><path class="st3" d="M184.573-222.551c.74 8.101 12.671 7.017 17.904 14.214 10.52 14.475-1.219 46.365-21.63 46.365-11.74 0-24.217-9.719-24.217-29.219 0-15.834 10.166-21.5 8.25-42.166-1.006-10.834-12.5-20.343-12.5-34.75 0-5.922 3.586-13.447 11.553-13.447 7.055 0 10.822 5.953 10.822 12.9 0 6.798-5.381 15.74 1.375 19.047 5.242 2.565 13.211-4.77 19.499-6.75 5.191-1.636 12.389.225 14.75 8.5 2.531 8.876-3.252 14.745-11.592 16.693-6.318 1.477-14.802 2.171-14.214 8.613zm-15.984-30.559a3.286 3.286 0 10-6.573-.001 3.286 3.286 0 006.573.001zm25.983 9.695a2.33 2.33 0 10-.003-4.659 2.33 2.33 0 00.003 4.659zm-19.983 59.672a3.287 3.287 0 10-6.574 0 3.287 3.287 0 006.574 0z"/><path class="st1" d="M166.907-196.669c-11.76-1.384-19.369.346-22.654 3.113-3.02 2.543-4.955 5.405-2.248 11.932 2.939 7.091 1.533 14.732-5.535 15.91-6.225 1.037-10.895-4.842-11.24-12.278-.24-5.183-1.902-8.301-5.533-7.608-3.633.691-4.629 5.9-3.633 11.759 1.385 8.128 5.535 11.76 6.227 20.233.494 6.055-2.939 13.662-12.451 15.045-9.301 1.354-15.91-4.322-16.602-10.549-.732-6.588 3.631-10.895 3.111-17.639-.517-6.745-4.012-10.172-5.879-17.294-2.768-10.549 1.211-19.023 7.781-22.654 14.746-8.148 22.832 3.642 35.971 1.556 10.896-1.729 23.348-18.157 33.031-19.541 8.227-1.175 13.834 4.669 15.045 14.008 1.21 9.338-4.741 15.261-15.391 14.007zm-42.196.518a4.15 4.15 0 10-8.301.001 4.15 4.15 0 008.301-.001zm49.46-15.39a1.73 1.73 0 10-3.461.001 1.73 1.73 0 003.461-.001zm56.03 37.18a1.384 1.384 0 11-2.768 0 1.384 1.384 0 012.768 0z"/><path class="st2" d="M235.734-212.752a2.248 2.248 0 11-4.497.001 2.248 2.248 0 014.497-.001z"/><path class="st3" d="M152.208-189.58a1.212 1.212 0 01-2.422 0 1.212 1.212 0 012.422 0zm-3.633 68.483c0 .764-.619 1.385-1.383 1.385a1.384 1.384 0 010-2.768c.764 0 1.383.619 1.383 1.383z"/><path class="st2" d="M233.141-143.06a1.21 1.21 0 11-2.42.001 1.21 1.21 0 012.42-.001z"/><path class="st1" d="M195.852-125.134a3.408 3.408 0 11-6.816 0 3.408 3.408 0 016.816 0z"/><path class="st2" d="M200.832-85.283a2.097 2.097 0 11-4.193-.001 2.097 2.097 0 014.193.001zm-38.802-6.293a1.573 1.573 0 11-3.147-.001 1.573 1.573 0 013.147.001z"/><path class="st1" d="M235.701-205.623a2.622 2.622 0 11-5.243-.001 2.622 2.622 0 015.243.001z"/><path class="st3" d="M225.477-170.754a2.36 2.36 0 11-4.719 0 2.36 2.36 0 014.719 0z"/><path class="st2" d="M127.686-164.2a2.622 2.622 0 11-5.245 0 2.622 2.622 0 015.245 0z"/><path class="st3" d="M122.704-171.279a1.31 1.31 0 11-2.62.001 1.31 1.31 0 012.62-.001z"/><path class="st2" d="M186.938-119.367a1.573 1.573 0 11-3.145-.001 1.573 1.573 0 013.145.001z"/><path class="st3" d="M85.033-147.037c-3.191 4.68 1.039 10.721-1.383 15.217-2.422 4.498-6.744 5.016-9.857 2.596-3.635-2.828-3.41-6.643-8.301-8.82-5.529-2.465-17.984 2.248-19.714-7.264-.875-4.811 2.375-8.566 7.263-9.684 6.053-1.383 9.352-.18 15.391-3.113 6.053-2.939 11.242-8.993 22.137-12.105 10.406-2.975 16.072 1.557 16.601 5.879 1.036 8.474-17.128 9.949-22.137 17.294zm-2.248-7.437a2.249 2.249 0 10-4.497.001 2.249 2.249 0 004.497-.001z"/><path class="st2" d="M111.999-107.857c0 17.166-14.5 25.5-27 22.832-10.264-2.19-12.834-17.332-16.668-26.166-3.713-8.557-8.832-22.5-20.165-22.5-11.197 0-12.832 14.5-23.666 14.5-11 0-24.5-15.666-24.5-39.666 0-14.667 9.799-31.455 20.834-30.667 11.666.833 4.5 19.667 15.332 19.667 9.5 0 7.857-16.259 9.168-23.334 1.666-9 6.832-14.166 18.497-13.166 14.443 1.237 22.334 13.5 18.871 23.344-4.029 11.451-23.869 17.322-21.537 30.49 1.346 7.592 13 11.998 26 16.166 14.53 4.656 24.834 11.332 24.834 28.5zM67.048-183.7a3.286 3.286 0 106.571 0 3.286 3.286 0 00-6.571 0zm-46.693 24.904a1.73 1.73 0 10-3.458-.002 1.73 1.73 0 003.458.002zm17.467 10.72a3.804 3.804 0 10-7.61 0 3.806 3.806 0 007.61 0zm19.888-15.563a1.557 1.557 0 10-3.113.001 1.557 1.557 0 003.113-.001zm29.643 54.694a3.174 3.174 0 10-6.348 0 3.174 3.174 0 006.348 0z"/><path class="st2" d="M109.218-128.091c0-8.41-5.078-15.227-11.34-15.227s-11.34 6.816-11.34 15.227c0 8.408 5.078 12.441 11.34 12.441s11.34-4.033 11.34-12.441z"/></pattern><path class="st4" d="M100 105H10a5 5 0 01-5-5V10a5 5 0 015-5h90a5 5 0 015 5v90a5 5 0 01-5 5z"/><text transform="translate(36.152 51.322)"><tspan x="0" y="0" class="st5 st6">Load</tspan><tspan x="-3.406" y="19.2" class="st5 st6">HTML</tspan></text><path class="st7" d="M235 105h-90a5 5 0 01-5-5V10a5 5 0 015-5h90a5 5 0 015 5v90a5 5 0 01-5 5z"/><text transform="translate(168.484 51.322)"><tspan x="0" y="0" class="st5 st6">Parse</tspan><tspan x="-.738" y="19.2" class="st5 st6">HTML</tspan></text><path class="st4" d="M235 240h-90a5 5 0 01-5-5v-90a5 5 0 015-5h90a5 5 0 015 5v90a5 5 0 01-5 5z"/><text transform="translate(171.152 186.322)"><tspan x="0" y="0" class="st5 st6">Load</tspan><tspan x="4.98" y="19.2" class="st5 st6">CSS</tspan></text><path class="st7" d="M370 240h-90a5 5 0 01-5-5v-90a5 5 0 015-5h90a5 5 0 015 5v90a5 5 0 01-5 5z"/><text transform="translate(303.484 186.322)"><tspan x="0" y="0" class="st5 st6">Parse</tspan><tspan x="7.648" y="19.2" class="st5 st6">CSS</tspan></text><path d="M490 105H280a5 5 0 01-5-5V10a5 5 0 015-5h210a5 5 0 015 5v90a5 5 0 01-5 5z" fill="#f0c8b4" stroke="#000" stroke-miterlimit="10"/><text transform="translate(359.477 51.322)"><tspan x="0" y="0" class="st5 st6">Create</tspan><tspan x="-11.918" y="19.2" class="st5 st6">DOM tree</tspan></text><path d="M625 105h-90a5 5 0 01-5-5V10a5 5 0 015-5h90a5 5 0 015 5v90a5 5 0 01-5 5z" fill="url(#Alysse)" stroke="#000" stroke-miterlimit="10"/><text transform="translate(550.773 59.597)" class="st6" font-family="'open_sansbold',sans-serif">Display</text><path d="M145 53.33l-11.25-6.495A2.502 2.502 0 00130 49v4h-25v5h25v3.99a2.502 2.502 0 003.75 2.165L145 57.66a2.502 2.502 0 000-4.33zm135 0l-11.25-6.495A2.502 2.502 0 00265 49v4h-25v5h25v3.99a2.502 2.502 0 003.75 2.165L280 57.66a2.502 2.502 0 000-4.33zm255 0l-11.25-6.495A2.502 2.502 0 00520 49v4h-25v5h25v3.99a2.502 2.502 0 003.75 2.165L535 57.66a2.502 2.502 0 000-4.33zm-336.84 77.92a2.502 2.502 0 00-2.165-1.25H192v-25h-5v25h-3.995a2.502 2.502 0 00-2.165 3.75l6.495 11.25a2.502 2.502 0 004.33 0l6.495-11.25a2.498 2.498 0 000-2.5zM280 188.33l-11.25-6.495A2.502 2.502 0 00265 184v4h-25v5h25v3.99a2.502 2.502 0 003.75 2.165L280 192.66a2.502 2.502 0 000-4.33zm173.28-78.08L446.785 99a2.5 2.5 0 00-4.33 0l-6.495 11.25a2.5 2.5 0 002.165 3.75h4.149c-1.272 24.495-8.289 43.332-20.947 56.042C409.952 181.463 393.933 187.5 375 187.5v5c20.291 0 37.535-6.546 49.869-18.93 13.599-13.655 21.105-33.68 22.407-59.57h3.839a2.5 2.5 0 002.165-3.75z"/><text transform="translate(446.363 159)"><tspan x="0" y="0" class="st11 st6">Attach style</tspan><tspan x="-9.98" y="19.2" class="st11 st6">to DOM nodes</tspan></text></svg>
\ No newline at end of file diff --git a/files/zh-tw/learn/css/first_steps/index.html b/files/zh-tw/learn/css/first_steps/index.html index ee9dc82a1d..976e48c505 100644 --- a/files/zh-tw/learn/css/first_steps/index.html +++ b/files/zh-tw/learn/css/first_steps/index.html @@ -1,5 +1,5 @@ --- -title: 初探 CSS +title: CSS 入門 slug: Learn/CSS/First_steps tags: - CSS @@ -41,7 +41,7 @@ translation_of: Learn/CSS/First_steps <dl> <dt><a href="/zh-TW/docs/Learn/CSS/First_steps/What_is_CSS">CSS 是什麼?</a></dt> <dd><strong>{{Glossary("CSS")}}</strong> (階層式樣式表)讓您能夠建立好看的網頁,但是它骨子是是怎麼運作的?這個主題用一個簡單的語法範例來解釋 CSS 是什麼,並涵蓋有關這個語言的一些關鍵術語。</dd> - <dt><a href="/zh-TW/docs/Learn/CSS/First_steps/Getting_started">CSS 入門</a></dt> + <dt><a href="/zh-TW/docs/Learn/CSS/First_steps/Getting_started">開始使用 CSS</a></dt> <dd>這個主題中,我們將把 CSS 套用到一個簡單的 HTML 文件上,逐步學習有關這個語言的一些實用知識。</dd> <dt><a href="/zh-TW/docs/Learn/CSS/First_steps/How_CSS_is_structured">CSS 的結構</a></dt> <dd>現在您對 CSS 是什麼以及基本使用方法有了一些概念,是時候去更深入看看這個語言的結構了。我們在這裡討論了許多的觀念;如果之後您對任何概念感到模糊,可以到這裡來回顧。</dd> diff --git a/files/zh-tw/learn/css/first_steps/what_is_css/html-example.png b/files/zh-tw/learn/css/first_steps/what_is_css/html-example.png Binary files differnew file mode 100644 index 0000000000..788820a6dc --- /dev/null +++ b/files/zh-tw/learn/css/first_steps/what_is_css/html-example.png diff --git a/files/zh-tw/learn/css/first_steps/what_is_css/index.html b/files/zh-tw/learn/css/first_steps/what_is_css/index.html index 3eb04bcbe1..d7dba2bc6d 100644 --- a/files/zh-tw/learn/css/first_steps/what_is_css/index.html +++ b/files/zh-tw/learn/css/first_steps/what_is_css/index.html @@ -2,14 +2,19 @@ title: CSS 是什麼? slug: Learn/CSS/First_steps/What_is_CSS tags: + - Beginner - CSS + - Introduction to CSS + - Learn + - Modules + - Specifications + - Syntax - CSS 入門 - 初學者 - 單元 - 學習 - 技術指引 - 語法 -translation_of: Learn/CSS/First_steps/What_is_CSS --- <div>{{LearnSidebar}}</div> @@ -32,7 +37,7 @@ translation_of: Learn/CSS/First_steps/What_is_CSS <p>在 <a href="/zh-TW/docs/Learn/HTML/Introduction_to_HTML">HTML 入門</a>單元中,我們含蓋了什麼是 HTML 以及它是如何被用來標記文件。這些文件能夠被瀏覽器讀取,標題的文字會看起來比一般段落更大,段落之間會換行並帶有間隔。連結會帶有顏色及底線,讓它與其它一般的文字有區別。您所看到的這些是瀏覽器的預設樣式,用來確保當作者沒有指定任何樣式的狀況下,仍有一些非常基本的樣式被套用上,好讓內容基本上能夠被閱讀(如下圖所示)。</p> -<p><img alt="The default styles used by a browser" src="https://mdn.mozillademos.org/files/16493/html-example.png" style="border: 1px solid #cccccc; height: 594px; width: 1385px;"></p> +<p><img alt="The default styles used by a browser" src="html-example.png"></p> <p>然而,如果所有的網站都長這個樣子,網路世界將是個很無趣的地方。您能使用 CSS 對 HTML 元件的樣子作更多控制,將這些標記以任何您喜歡的設計作調整。</p> @@ -40,7 +45,7 @@ translation_of: Learn/CSS/First_steps/What_is_CSS <p>{{EmbedYouTube("spK_S0HfzFw")}}</p> -<h2 id="CSS_是作什麼用的?">CSS 是作什麼用的?</h2> +<h2 id="What_is_CSS_for">CSS 是作什麼用的?</h2> <p>如同我們前面所提到的, CSS 是一種用來指定文件該用什麼方式呈現的語言,可以定義它們的樣式、布局…等。</p> @@ -54,7 +59,7 @@ translation_of: Learn/CSS/First_steps/What_is_CSS <p>CSS 可以用在很基本文字樣式上頭,像是改變標題和連結的<a href="/zh-TW/docs/Web/CSS/color_value">顏色</a>及<a href="/zh-TW/docs/Web/CSS/font-size">尺寸</a>。它可以用在建立布局,像是<a href="/zh-TW/docs/Web/CSS/Layout_cookbook/Column_layouts">將原本單欄的文字內容加入布局</a>,劃分出主要的內容以及包含相關資訊的側邊欄。它甚至可以用在建立<a href="/zh-TW/docs/Web/CSS/CSS_Animations">動畫</a>效果。點進上面的連結,看看相關的例子。</p> -<h2 id="CSS_語法">CSS 語法</h2> +<h2 id="CSS_syntax">CSS 語法</h2> <p>CSS 是一種基於規則的語言,您對網頁裡特定或一群元素指定一系列的規則。舉例來說:「我要讓頁面裡的主標題,以紅色且大號的字體呈現」。</p> @@ -88,7 +93,7 @@ p { <p><strong>注意:</strong> 您可以在 MDN 的 <a href="/zh-TW/docs/Web/CSS/Reference">CSS 參考資源</a>找到所有的 CSS 屬性(以及其它 CSS 特性)頁面的連結。 另外,當您需要得到某個 CSS 特性的更多資訊,應該去習慣使用「mdn <em>特性名稱</em>」的方式在您喜歡搜尋引擊上搜尋。舉例來說,嘗試以「mdn color」和「mdn font-size」作關鍵字搜尋!</p> </div> -<h2 id="CSS_的各個主題(單元)">CSS 的各個主題(單元)</h2> +<h2 id="CSS_Modules">CSS 的各個主題(單元)</h2> <p>由於 CSS 有太多的項目可以進行設定,因此將這個語言依不同主題切分出單元。您將會在探索 MDN 的時候看到這些單元,並發現許多文章是圍繞著特定單元所組織的。舉例來說,您可以在 MDN 關於<a href="/zh-TW/docs/Web/CSS/CSS_Backgrounds_and_Borders">背景與邊框</a>的單元裡,看到它的目的,以及其包含了哪些不同的屬性及特性。 您也將在文末發現到相關 <em>CSS 規範</em>的連結。</p> @@ -96,7 +101,7 @@ p { <p>舉個特別的例子,讓我們回到背景與邊框的單元中,您可能會認為在邏輯上 <code><a href="/zh-TW/docs/Web/CSS/background-color">background-color</a></code> 和 <code><a href="/zh-TW/docs/Web/CSS/border-color">border-color</a></code> 會在同一個單元裡被定義。所以您猜對了。</p> -<h3 id="CSS_規範">CSS 規範</h3> +<h3 id="CSS_Specifications">CSS 規範</h3> <p>所有網路標準技術(HTML、CSS、JavaScript…等)都被定義在稱為定義(specifications 或簡稱 specs)巨型文件中,由像是 {{glossary("W3C")}}、{{glossary("WHATWG")}}、{{glossary("ECMA")}} 或 {{glossary("Khronos")}} 之類的標準組織所發布,並且很精確地定義這些技術的行為方式。</p> @@ -106,7 +111,7 @@ p { <p>作為一個 CSS 新手,你會發現 CSS 的規範不勝枚舉,它們是用來給開發用戶端程式的開發者實作功能所使用,而不是讓網站開發人員閱讀來了解 CSS。許多經驗的豐富的開發者,寧願看 MDN 上的文件或其它指引。然而,知道規範的存在還是有價值的,可以了解它們與您正使用的 CSS 之間的關係,瀏覽器支援(如下)以及相關定義。</p> -<h2 id="瀏覽器支援">瀏覽器支援</h2> +<h2 id="Browser_support_information">瀏覽器支援</h2> <p>被定義好的 CSS 特性,只有被一個或更多瀏覽器實作出來之後,才會在我們開發網頁上面有所幫助。這意味著已經編寫了程式,可以將 CSS 檔案裡的設定轉換為輸出在畫面上的結果。我們將在 <a href="/zh-TW/docs/Learn/CSS/First_steps/How_CSS_works">CSS 工作原理</a>中詳細介紹這個過程。一個(新)特性被所有瀏覽器同時實作出來是不常見的,通常會缺了幾個,CSS 某些部分您可以在某些瀏覽器上使用,然而在其它瀏覽器人則沒有作用。基於這個原因,確認特性被實作的狀況是有用的。在每個 MDN 的資源頁面上,您可以看到感興趣的屬性現在的狀態,因此您可以確定能不能把它使用在網站上。</p> @@ -114,13 +119,13 @@ p { <p>{{Compat("css.properties.font-family")}}</p> -<h2 id="下一步…">下一步…</h2> +<h2 id="Whats_next">下一步…</h2> <p>現在您已經知卜 CSS 是什麼,接著移動到 <a href="/zh-TW/docs/Learn/CSS/First_steps/Getting_started">CSS 入門</a>單元,您可以在這裡開始寫一些 CSS。</p> <p>{{NextMenu("Learn/CSS/First_steps/Getting_started", "Learn/CSS/First_steps")}}</p> -<h2 id="在這個單元中">在這個單元中</h2> +<h2 id="In_this_module">在這個單元中</h2> <ol> <li><a href="/zh-TW/docs/Learn/CSS/First_steps/What_is_CSS">CSS 是什麼?</a></li> |