前记 今天，又一轮的实训开始了。意味着最后一个暑假结束了。马上就步入大四了，搭上了大学的最后一班车。开学后意味着新挑战，有许多技术等着自己去学习。今天，老师教了我们一个前端新框架---------Semantic UI。我把自己学到的与大家分享 ...

制作一款网页，你需要用到三个工具，html，CSS 和javascript。 如果用人的身体来和网页做类比的话，html负责搭建基础，就像人类的骨架。 CSS负责布局和美化，就像人 ...

在semantic UI 中，主要用三个工具来构建网页的框架：segment,container,grid. 他们的左右更不相同。 segment: 最基本的作用是作为文本的文本框出现在网页上。 在前面加上vertical后，就可以当成块用。从上向下将网页分成几块，就用vertical ...

本来是想介绍Semantic-UI的，但如果只介绍这个框架，没什么内容，框架相关feature站点上有不需要说，所以干脆列出自己常用的几个前端框架，算是做个阶段性总结。 本文的核心是侧重于HTML/CSS的框架，JS框架或以JS为核心的框架不讨论(比如YUI)；多屏已是既定事实，虽然不是所有开发 ...

　　Semantic UI 是一个 UI 库，使前端开发更简单，更容易学习。Semantic UI 介绍了许多界面元素。在大多数情况下，只有你需要的元素建立一个自定义的构建可能是最好的。 UI 组件分为四大类，范围从最小到最大的范围分为：用户界面 ​​UI 元素集合，UI 模块和用户界面视图 ...

0.页面加入支持 由于项目中用到了thymeleaf模板引擎，所以下面代码需要在页码头文件中加入命名约束 加入semantic UI 的css和jQuery支持 [CSS] https://cdn.jsdelivr.net/npm/semantic-ui ...

　　semantic-ui提供了很多的图标，基本常用的在官网上面都能找到。要想记住这么多图标是不可能的，但是也是有简便方法记忆。 　　首先，图标其实和按钮的区别基本没有，要说有的话，也就是基础样式的大小不同吧，按钮较大一点，当然也是可以加大小的值来设置。 　　学习semantic的图标 ...

semantic UI可以有两种方式安装 一种是直接下载压缩包，解压后调用就可以使用了，其实也就是说无需安装，另一种方式是用gulp进行安装。 用gulp安装的优点是，你可以自己修改sementic ui中的样式，这样就更灵活一点，而最简化安装方式下不能修改，只能用默认样式。 要先安装 ...