简述你对IFC规范的理解？
IFC规范可能有很多解释，但在前端开发中，IFC通常指的是”Isolate-Functional-Centralized”规范，这是一种CSS命名和组织的最佳实践。
- Isolate（隔离）：每个组件的样式应该是孤立的，不应该依赖于其他组件或全局样式。这样可以避免样式冲突，使得组件更容易重用和维护。
-
Functional（功能性）：样式应该根据其功能命名，而不是根据其内容或表现形式命名。这样可以使得样式的目的更清晰，更容易理解。
-
Centralized（集中）：所有的样式应该集中在一处，而不是散布在不同的地方。这样可以使得样式更容易查找和管理。
例如，如果我们有一个”提交”按钮，我们可以这样设计其样式：
/* Isolate */
.button {
padding: 10px;
border: none;
border-radius: 5px;
}
/* Functional */
.button-submit {
background-color: blue;
color: white;
}
/* Centralized */
/* 所有的样式都在一个地方 */
然后在HTML中，你可以这样使用：
<button class="button button-submit">提交</button>
这样，我们就使用了IFC规范来设计和使用CSS样式