术语表

Semantic UI 特定的术语

最重要的是，全局样式包括全站主题变量，其他组件可以继承和修改这些变量。

例如，一组按钮可以将ui red buttons作为分组使用，而各个按钮可以作为ui button子元素使用。

集合是由异构组件组成的组，这些组件通常一起出现。它们描述了在特定上下文中出现的“常见元素”列表。它们可以包含和扩展其他 UI 元素，以便在特定上下文中使用——例如，表单可以扩展下拉菜单或输入框——以及包含它们自己的内容。

视图是用于呈现特定类型内容的约定，这种内容通常在整个网站中保持一致。这包括诸如评论、活动信息流或卡片之类的内容。

模块是包含外观和行为定义的组件。这包括手风琴、下拉菜单和弹出框等组件。

行为是独立的 JavaScript 组件，它们描述了页面元素的行为方式，但不是它们的外观方式。行为包括表单验证、状态管理和 API 请求路由等功能。

定义是一组 CSS 和 Javascript，它们描述了组件的基本特性。

定义使用变量来表示组件外观的任意部分，以便可以使用主题来更改这些部分。

ui是一个特殊的类名，用于将组件的一部分与组件本身区分开来。

例如，列表将收到ui list类，因为它具有相应的定义，但是列表项将只收到item类。

ui 类名有助于通过确保所有“组件的一部分”都在“整体”组件的上下文中定义来封装 CSS 规则。

它还有助于简化对未知代码的扫描。如果看到ui，就知道正在查看一个组件。

定义是一组 CSS 和 Javascript，它们描述了组件的基本特性。

定义使用变量来表示组件外观的任意部分，以便可以使用主题来更改这些部分。

类型是元素的版本，用于修改元素的标准外观。

类型不能在同一元素上同时使用。例如，“猫”和“狗”是动物的类型，但它们是**互斥**的。

变体修改元素的特性，例如大小或颜色。

变体是**互斥**的，可以一起使用来修改元素。

内容是只有在组件上下文中才有意义的部分。内容使用描述预期内容类型的名称，例如标题、描述、菜单或项目。

集合或视图内部的内容通常包含其他组件的存根版本。例如，卡片让您使用图像内容，这可以通过使用ui 图像变体来扩展。

状态是对元素的修改，有助于指示可供性的变化。常见状态包括loading、disabled和active。

行为是组件可以执行的操作。行为由诸如“设置值”或“递增”之类的简单短语表示，这些短语可以在 Javascript 中调用。行为会自动从空格分隔的小写短语转换为调用时的内部 Javascript 方法。

在 Semantic UI 中，组件被赋予ui类名，以帮助将其与代码中的元素部分区分开来，并为定义提供命名空间，从而限制 CSS 规则的范围。