http://m.sui.taobao.org/

網站中有很多示例，然後找到想用的示例，右鍵顯示源碼，就可以復制到自己的項目中去

1.本例中使用的是http://m.sui.taobao.org/demos/form/layout

粘貼到自己的index.html中

2.學習如何引入相關的靜態資源

點擊開始使用

使用CDN地址

將模板下的css標簽修改到本地的html中

<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">

把模板下的js標簽修改到本地的html中

<script type=‘text/javascript‘ src=‘//g.alicdn.com/sj/lib/zepto/zepto.min.js‘ charset=‘utf-8‘></script>
<script type=‘text/javascript‘ src=‘//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js‘ charset=‘utf-8‘></script>
<script type=‘text/javascript‘ src=‘//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js‘ charset=‘utf-8‘></script>

然後把對應位置上的內容替換為自己的內容

為了防止直接在網頁上使用localhost訪問頁面，將頁面放在WEB-INF下

shop--6.店鋪註冊--前端（借助於SUI）