前端框架之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 4
Blackberry 10
搭建  Semantic UI 环境：
第⼀步、下载⽂档
然后点击Download Zip⽂档
第⼆步、解压⽂档，如图所⽰：
第三步、新建包，js包、css包、HTML⽂件
js包下导⼊semantic.css和themes，js包中导⼊semantic.js和jquery.js。然后在HTML代码中将js、css引⼊其中。
第四步、选择你想要的标签，引⼊HTML中
这是所有的标签，选择你适合的标签吧！
第五步、点击你的HTML⽂件，查看酷炫的页⾯吧！
这是⼩编的，欢迎⼤家扫码关注;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。