前端框架之SemanticUI

前记

今天，⼜⼀轮的实训开始了。意味着最后⼀个暑假结束了。马上就步⼊⼤四了，搭上了⼤学的最后⼀班车。开学后意味着新挑战，有许多技术等着⾃⼰去学习。今天，⽼师教了我们⼀个前端新框架---------Semantic UI。我把⾃⼰学到的与⼤家分享！

Semantic UI—完全语义化的前端界⾯开发框架，跟 和 ⽐起来，还是有些不同的，在功能特性上、布局设计上、⽤户体验上均存在很多差异。

Semantic UI 特点：

⽂档和演⽰⾮常完善 易于学习和使⽤ 配备⽹格布局 ⽀持 和 动态样式语⾔

有⼀些⾮常实⽤的附加配置，例如inverted类。 对于社区贡献来说是⽐较开放的。

有⼀个⾮常好的按钮实现，情态动词，和进度条。 在许多功能上使⽤图标字体。

Semantic UI 对浏览器的⽀持：

Last 2 Versions FF, Chrome, IE (aka 10+)Safari 6

IE 9+ (Browser prefix only)Android 4Blackberry 10

搭建 Semantic UI 环境： 第⼀步、下载⽂档 然后点击Download Zip⽂档 第⼆步、解压⽂档，如图所⽰：第三步、新建包，js包、css包、HTML⽂件

js包下导⼊semantic.css和themes，js包中导⼊semantic.js和jquery.js。然后在HTML代码中将js、css引⼊其中。第四步、选择你想要的标签，引⼊HTML中 这是所有的标签，选择你适合的标签吧！

第五步、点击你的HTML⽂件，查看酷炫的页⾯吧！

这是⼩编的微信公众号，欢迎⼤家扫码关注;