CSS 组件

基本使用

CSS 组件通常提供了界面所需的基本功能，例如按钮、表单、导航、卡片、表格等，这些组件通常不需要 JS 的支持，只需要在 HTML 中使用对应的组件类名即可，例如按钮：

提示

一些 JS 组件也提供了纯 CSS 使用的方式，也就是说 CSS 组件也可能是一个 JS 组件。

组件样式

通用样式修饰

CSS 组件通常提供了多种样式修饰，例如按钮的颜色、大小、形状、状态等，大部分通用样式的修饰都可以通过 CSS 工具类来实现，例如：

专用样式修饰

部分组件提供了专用样式修饰类，这些类名通常为组件类加后缀实现，例如按钮组件的 btn-link：

CSS 变量

CSS 组件通常提供了一些 CSS 变量用于自定义组件的样式，例如按钮组件提供了 --btn-bg 用于自定义按钮的颜色：