引导颜色类 - Html

简介

Html引导颜色类是一种用于快速设置背景颜色和文本颜色的预定义样式类，它可以在不需要编写css代码的情况下，快速地渲染网页内容。

类型

Html引导颜色类主要分为以下几种：

• Primary
• Secondary
• Success
• Danger
• Warning
• Info
• Light
• Dark

用法

使用Html的引导颜色类，只需将样式类添加到相应的标签上即可。

<button class="btn btn-primary">Primary</button>
<button class="btn btn-secondary">Secondary</button>
<button class="btn btn-success">Success</button>
<button class="btn btn-danger">Danger</button>
<button class="btn btn-warning">Warning</button>
<button class="btn btn-info">Info</button>
<button class="btn btn-light">Light</button>
<button class="btn btn-dark">Dark</button>

以上代码将会渲染出8个按钮，分别对应着Html的8种引导颜色类。

结语

Html的引导颜色类缩短了开发时间，降低了学习难度，但是也要避免滥用。尽可能使用其中的优势，并且保证代码的可读性。