用semantic UI 制作网页的框架

在semantic UI 中，主要用三个工具来构建网页的框架：segment,container,grid.

他们的左右更不相同。

segment:

最基本的作用是作为文本的文本框出现在网页上。

在前面加上vertical后，就可以当成块用。从上向下将网页分成几块，就用vertical segment。

所以，网页从上往下布局，就用 ui vertical segment。

container：

用在左右页边距很大的情况，网站的内容集中在中间区域显示。

grid：

将网页的某个区域在水平方向上划分成几个区域。

综上：上下划分区域时用segment，左右划分区域时用grid，两边留白显示时用container。

一般网页的套路都是：用segment把网页划分成几个部分，在各个部分中会用到container和grid。