为页面上的元素添加样式，一般你需要在元素上添加不同的类，类就是类别，分类 ... 然后你可以在样式表里，为这些类去添加各自的样式 ..

你还可以根据样式的某些特性，把它们放在不同的样式表里 ..

命名 css 类，组织样式表文件，有很多方法，比如 BEM，SMACSS，OOCSS，Atomic .. 这些方法对于我们来说并不是必须的 ..

一开始我们只需要做出自己的样式就行了 .. 以后你会知道什么时候需要用到这些方法 ..

semantic ui 这套样式框架也有自己的一套组织样式的方法 .. 在 semantic ui 框架里，你经常会看到元素上会出现 ui 这个类，它是 semantic ui 这个框架里的一个惯用方法，你可以把它想成是 semantic ui 的标志，或者品牌，这个 ui 也可以跟其它的样式框架区分开 ..

在 semantic ui 这个框架里的一些组件都需要你在元素上添加 ui 这个类 .. 我们会用到一些这个框架提供的组件.. 也会自己定义一些 ... 在自定义的样式表，我会遵循 semantic ui 使用的组织样式的方法 ..

所以你会看到我在自定义的样式组件里，也会用到 ui 这个类 ..

现在不要想太多，跟着我来 .. 我们现在的目标就是把设计转换成浏览器能看懂的代码 ..