[css]组件设计

首先指定角色

通过 .base 指定这是一个什么组件

例如 :

.btn 表明该元素为一个按钮，.progress 表明该元素为一个进度条

---

赋予样式

通过 .style 给该组件赋予指定样式

例如：

.lg 指定大尺寸, .warning 指定情景(其实也就是颜色)

---

综合示例

<button class="btn lg warning">删除</button> 一个用于警告的，大尺寸的按钮
<div class="progress sm info">70%</div> 一个用来提示的，小尺寸的进度条