# 基礎 提供所有HTML元素的默認樣式。 這個組件定義了你的網頁的基礎視覺效果。通過為每個HTML元素設置默認的色彩、間距、字體尺寸和其他屬性實現強大的版面效果。本頁是一個關于如何使用基礎HTML元素和UIkit如何對它們進行風格化的簡要向導。 注意UIkit基本上利用了有名的 [Normalize.css](http://necolas.github.com/normalize.css)，但將它分散在了所有組件。只有必要的部分被采納到基礎組件中，以保證未預設的CSS樣式盡可能的少。大部分關于CSS標準化的代碼被移入了 [表單](form.html), [按鈕](button.html) 和 [表格](table.html) 這些組件中。這樣使得UIkit及其組件在與其他競爭中顯得很厲害的樣子，所以你不必擔心你的項目在不同的瀏覽器中的一致性問題。 * * * ## 標題 使用 `&lt;h1&gt;` 到 `&lt;h6&gt;` 標簽來定義你的標題。 ### Example  你可以添加 `.uk-h1`，`.uk-h2`，`.uk-h3`，`.uk-h4`，`.uk-h5` 或 `.uk-h6` 類來改變你的標題的大小，比如讓 `h1` 看起來像一個 `h3`。 * * * ## 段落 通過可以自定義設置的變量，可對全局的字體大小、行間距、邊距等常規元素進行調整。段落和其他塊元素也繼承這些變量值。 * * * ## 文本級語義 下面的列表為你提供了最常用的文本層次語義，以及如何利用它們的簡短概述。 | 標簽 | 描述 | | --- | --- | | `&lt;a&gt;` | 將文本轉換為超文本使用 [a 標簽](#)。 | | `&lt;em&gt;` | 強調文本使用 _em 標簽_。 | | `&lt;strong&gt;` | 強調任何額外的更重要文本使用 **strong 標簽**。 | | `&lt;code&gt;` | 定義內聯代碼片段使用 `code 標簽`。 | | `&lt;del&gt;` | 標記文檔中已被修改或刪除的文本使用 ~~del 標簽~~。 | | `&lt;ins&gt;` | 標記文檔中插入的文本使用 &lt;ins&gt;ins 標簽&lt;/ins&gt;。 | | `&lt;mark&gt;` | 高亮顯示文本使用 &lt;mark&gt;mark 標簽&lt;/mark&gt;，它沒有任何語義含義。 | | `&lt;q&gt;` | 定義引入的語錄在 &lt;q&gt;q 標簽 &lt;q&gt;里面使用&lt;/q&gt; q 標簽&lt;/q&gt;。 | | `&lt;abbr&gt;` | 定義一個標題的縮寫使用 &lt;abbr title="Abbreviation Element"&gt;abbr 標簽&lt;/abbr&gt;。 | | `&lt;dfn&gt;` | 定義一個項目術語名稱使用 &lt;dfn title="Defines a definition term"&gt;dfn 標簽&lt;/dfn&gt;。 | | `&lt;small&gt;` | 縮小顯示不重要的文本使用 &lt;small&gt;small 標簽&lt;/small&gt;。 | * * * ## 水平線 使用 `&lt;hr&gt;` 標簽創建一條水平線。 ### Example  * * * ## 引用文字 在文檔中從其他來源引用多行內容時，使用 `&lt;blockquote&gt;` 標簽。 ### Example  ### Markup ``` <blockquote> <p>Quotation</p> <small>Source</small> </blockquote> ``` * * * ## 代碼塊 對于多行代碼，使用 `&lt;pre&gt;` 元素定義預格式化文本。它能創建提供保留空格、制表符和換行符的新文本塊。內部嵌套 `&lt;code&gt;` 標簽來定義代碼塊。 重要 為保證正確地渲染，必須確保避開代碼中的任何尖括號。 ### Example ``` <pre> <code>...</code> </pre> ``` 注意 你也可以添加 [效果組件](utility.html) 中介紹到的 `.uk-scrollable-text` 類, 這將設置最大高度為300px，并提供Y軸滾動條。 * * * ## 列表 創建一個無序列表使用 `&lt;ul&gt;` 標簽或使用 `&lt;ol&gt;` 標簽創建有序列表。`&lt;li&gt;` 元素定義列表項。 ### Example  ### Markup ``` <ul> <li>...</li> <li>... <ul> <li>...</li> </ul> </li> </ul> ``` ``` <ol> <li>...</li> <li>... <ol> <li>...</li> </ol> </li> </ol> ``` * * * ## 描述列表 創建一個描述列表需要使用 `&lt;dl&gt;` 標簽。使用 `&lt;dt&gt;` 定義項目，使用 `&lt;dd&gt;` 定義描述內容。 ### Example  ### Markup ``` <dl> <dt>...</dt> <dd>...</dd> </dl> ``` * * * ## 響應式圖片 UIKit 中的所有圖片默認都是響應的。如果布局變窄，圖片會調整它們的大小并保持自身的比例。 ### Example  注意 若要避免響應式行為并保持圖像的原始尺寸，可以為單獨的圖片添加 `.uk-img-preserve` 類。如果你具有多張圖片，也可以將這個類添加到父容器中。谷歌地圖不需要這樣的設置。