面试题：CSS框架Tailwind CSS中实用工具类如何实现基础的文本样式设置

Question

在Tailwind CSS里，如何使用实用工具类来设置文本的颜色、字体大小和粗细？请举例说明。假设要将一段文本设置为红色、16像素大小、加粗，写出对应的Tailwind CSS类名。

Answer 1

在Tailwind CSS中，可使用以下实用工具类来设置文本的颜色、字体大小和粗细：

• 文本颜色：text-red-500（这里red可替换为其他颜色名称，500表示颜色深浅程度，具体可根据需求调整）
• 字体大小：text-base 表示16像素大小（text-sm、text-lg等分别对应不同字体大小）
• 字体粗细：font-bold

要将一段文本设置为红色、16像素大小、加粗，对应的Tailwind CSS类名如下：

<p class="text-red-500 text-base font-bold">这里是设置后的文本</p>