Foundation CSS Prototyping Utility 文本装饰

Foundation CSS Prototyping Utility 是一款用于快速设计Web页面原型的前端框架。它提供了许多实用的文本装饰样式，如文本颜色、文本大小、文本对齐、文本下划线和文本粗细等。这些样式能够让程序员快速实现页面原型的设计，提高了开发效率。

文本颜色

Foundation CSS Prototyping Utility 提供了不同的文本颜色样式，开发者可以通过以下代码为文本添加颜色：

<p class="text-primary">这是一段主色调的文本。</p>
<p class="text-secondary">这是一段次要色调的文本。</p>
<p class="text-success">这是一段成功提示的文本。</p>
<p class="text-warning">这是一段警告提示的文本。</p>
<p class="text-danger">这是一段危险提示的文本。</p>

文本大小

Foundation CSS Prototyping Utility 可以帮助开发者控制文本的大小，如下所示：

<p class="text-small">这是一段小号字体的文本。</p>
<p class="text-large">这是一段大号字体的文本。</p>
<p class="text-xlarge">这是一段超大号字体的文本。</p>
<p class="text-xxlarge">这是一段特别超大号字体的文本。</p>

文本对齐

Foundation CSS Prototyping Utility 也提供了对文本对齐方式的支持，如下所示：

<p class="text-left">这是一段左对齐的文本。</p>
<p class="text-center">这是一段居中对齐的文本。</p>
<p class="text-right">这是一段右对齐的文本。</p>
<p class="text-justify">这是一段两端对齐的文本。</p>

文本下划线

如果需要在文本中加入下划线，可以使用以下样式：

<p class="text-underline">这是一段带下划线的文本。</p>

文本粗细

通过以下样式，可以调整文本的粗细程度：

<p class="text-bold">这是一段加粗的文本。</p>
<p class="text-normal">这是一段默认粗细的文本。</p>
<p class="text-light">这是一段轻度粗细的文本。</p>

总之，Foundation CSS Prototyping Utility 提供了丰富的文本样式供开发者使用，可以快速构建页面原型。