摘要：
updating 阅读全文
摘要：
semantic中可以指定one-sixteen这16个单词来指定网格column所占的长度。也就是说，在网页中，一行最多只有16个column，超过16个之后，自动移到下一行。 栅格可以使用i，div，span标签，尽量不要使用button和p标签 1、定义栅格 注意，单独将标签的class设置为 阅读全文
摘要：
分段：用于创建一组相关联的内容。 1、创建一个基础的分段 在class中加一个segment的class即可 2、使分段突出 注意不要加active，应该加一个raised，和segment配合使用。 3、堆叠样式的分段 只有一个分段，但是看起来分段下面还有很多分段。需要加上tall stacked 阅读全文
摘要：
分割线即原生html中的<hr>标签。不过semantic-ui中将<hr>美化了一下下。 1、基础分割线 需要注意的是分割线只能使用div标签和p标签，不能使用span标签。 2、定义水平线 经常看到水平线的中间有文字，其实可以使用下面代码实现，但是要注意class中加horizontal，并且要 阅读全文
摘要：
1、基础样式 方式一：因为图片是使用img标签，所以直接将class加载img标签中即可。不过要注意的是，class中要指定是ui image。 方式二：使用一个span或者div将img标签包裹，然后ui image的class加载div或者span里面，img中只写一个src即可 2、设置大小 阅读全文
摘要：
在semantic-ui中定义了5中标题样式，注意HTML中有h1-h6，而semantic-ui中只有h1-h5。 不过需要注意的是，semantic-ui的标题仍旧使用h1-h5来表示，但是在class中可以指定大小。 1、基础标题样式 2、设置标题大小 首先可以通过选择h1-h5对应的大小来表 阅读全文
摘要：
semantic-ui提供了很多的图标，基本常用的在官网上面都能找到。要想记住这么多图标是不可能的，但是也是有简便方法记忆。 首先，图标其实和按钮的区别基本没有，要说有的话，也就是基础样式的大小不同吧，按钮较大一点，当然也是可以加大小的值来设置。 学习semantic的图标有这个简洁方法： 1、图标 阅读全文
摘要：
1、基础按钮： 使用button、div、span、i等标签，将其class设置为"ui button"，显示的就是最基础的按钮样式。 2、设置按钮颜色 直接在class中加对应的颜色即可，注意不能加#112233这种颜色值。 3、设置按钮的大小 semantic一共提供了8种大小值，分别是mini 阅读全文