基础
为所有 HTML 元素提供默认样式。
此组件定义了页面的基本外观。它通过为每个 HTML 元素设置默认颜色、边距、字体大小等，提供出色的排版。此页面是关于如何使用基本 HTML 元素以及 UIkit 如何设置其样式的简短指南。
注意 基本上，UIkit 利用了著名的 Normalize.css，但将其分布在所有组件中。只有必要的部分被采用到基础组件中，以保持无前缀 CSS 尽可能小。大多数与规范化相关的 CSS 都被移动到 表单、按钮 和 表格 组件中。这使得 UIkit 及其组件非常健壮，可以抵御与其他 CSS 框架的冲突，因此您不必担心项目中的浏览器不一致问题。
标题
使用 <h1> 到 <h6> 元素来定义标题。
示例
h1 标题 1
h2 标题 2
h3 标题 3
h4 标题 4
h5 标题 5
h6 标题 6
您可以添加 .uk-h1、.uk-h2、.uk-h3、.uk-h4、.uk-h5 或 .uk-h6 类来改变标题的大小，例如使 h1 看上去像 h3。
段落
全局字体大小、行高和元素之间的常规边距是通过变量设置的，这些变量可以自定义。段落和其他块元素遵循这些值。
文本级语义
以下列表简要概述了最常用的文本级语义以及如何使用它们。
| 元素 | 描述 |
|---|---|
<a> |
使用 a 元素 将文本转换为超文本。 |
<em> |
使用 em 元素 强调文本。 |
<strong> |
使用 strong 元素 表示任何额外的强调。 |
<code> |
使用 code 元素 定义内联代码片段。 |
<del> |
使用 |
<ins> |
使用 ins 元素 将文档更改标记为插入的文本。 |
<mark> |
使用 mark 元素 高亮显示没有语义含义的文本。 |
<q> |
使用 q 元素定义内联引用。内部的 q 元素 |
<abbr> |
使用带有标题的 abbr 元素 定义缩写。 |
<dfn> |
使用带有标题的 dfn 元素 定义定义术语。 |
<small> |
使用 small 元素 来弱化小字体的文本。 |
水平线
使用 <hr> 元素创建水平线。
示例
引用
要在文档中引用来自其他来源的多行内容，请使用 <blockquote> 元素。
示例
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
某位名人
标记
<blockquote>
<p>Quotation</p>
<small>Source</small>
</blockquote>代码块
对于多行代码，请使用定义预格式化文本的 <pre> 元素。它创建一个保留空格、制表符和换行符的新文本块。在内部嵌套一个 <code> 元素来定义代码块。
重要 请务必转义代码中的任何尖括号，以进行正确的渲染。
示例
<pre>
<code>...</code>
</pre>注意 可选地，您可以添加来自 实用组件 的 .uk-scrollable-text 类，该类将设置 300px 的最大高度并提供 y 轴滚动条。
列表
使用 <ul> 元素创建无序列表，使用 <ol> 元素创建有序列表。<li> 元素定义列表项。
示例
- 项目 1
- 项目 2
- 项目 1
- 项目 2
- 项目 1
- 项目 2
- 项目 3
- 项目 4
- 项目 1
- 项目 2
- 项目 1
- 项目 2
- 项目 1
- 项目 2
- 项目 3
- 项目 4
标记
<ul>
<li>...</li>
<li>...
<ul>
<li>...</li>
</ul>
</li>
</ul><ol>
<li>...</li>
<li>...
<ol>
<li>...</li>
</ol>
</li>
</ol>描述列表
使用 <dl> 元素创建描述列表。使用 <dt> 定义术语，使用 <dd> 定义描述。
示例
- 描述列表
- 描述列表定义术语及其对应的描述。
- 这是一个术语
- 这是一个描述。
- 这是一个术语
- 这是一个描述。
标记
<dl>
<dt>...</dt>
<dd>...</dd>
</dl>响应式图像
默认情况下，UIkit 中的所有图像都是响应式的。如果布局变窄，图像会调整大小并保持其比例。
示例
调整浏览器窗口大小以查看图像的响应式行为。
注意 为了避免响应式行为并保留原始图像尺寸，请将 .uk-img-preserve 类添加到您的单个图像之一。如果您有多个图像，您也可以将该类添加到父容器。这对于 Google 地图不是必需的。
