前記    

       今天，又一輪的實訓開始了。意味著最後一個暑假結束了。馬上就步入大四了，搭上了大學的最後一班車。開學後意味著新挑戰，有許多技術等著自己去學習。今天，老師教了我們一個前端新框架---------Semantic UI。我把自己學到的與大家分享！

•       文件和演示非常完善

•       易於學習和使用

•        配備網格佈局

•       支援 Sass 和LESS 動態樣式語言

•       有一些非常實用的附加配置，例如inverted類。

•        對於社群貢獻來說是比較開放的。

•      有一個非常好的按鈕實現，情態動詞，和進度條。

•      在許多功能上使用圖示字型。

• Semantic UI 對瀏覽器的支援：

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

  • Safari 6

  • IE 9+ (Browser prefix only)

  • Android 4

  • Blackberry 10

 搭建  Semantic UI 環境：

      第一步、下載文件

             訪問  Semantic UI 主頁，網址為:http://www.semantic-ui.cn/,點選Get Started按鈕。

  然後點選Download Zip文件

         第二步、解壓文件，如圖所示：

第三步、新建包，js包、css包、HTML檔案

      js包下匯入semantic.css和themes，js包中匯入semantic.js和jquery.js。然後在HTML程式碼中將js、css引入其中。

第四步、選擇你想要的標籤，引入HTML中

      這是所有的標籤，選擇你適合的標籤吧！

   第五步、點選你的HTML檔案，檢視酷炫的頁面吧！

這是小編的微信公眾號，歡迎大家掃碼關注;