根據(jù)提供圖片舟陆，重構(gòu)小米官網(wǎng)，完成基本樣式及要求的交互效果一屋。
任務(wù)要求
要求使用 Git 進行版本管理擎值，須在bingyan-camp-[你的名字全拼]下的task2文件夾中編寫代碼。
效果圖如下圖所示，可以參考小米官網(wǎng)上對應(yīng)區(qū)域進行開發(fā)膏燕。
保證在內(nèi)容寬度固定的情況下钥屈，內(nèi)容整體于頁面居中，當(dāng)窗口寬度小于內(nèi)容寬度時才允許出現(xiàn)橫向滾動條坝辫。
參考或自行分析頁面結(jié)構(gòu)篷就，完成 HTML 文件的編寫，以下提出的樣式表及腳本文件需要外部引用近忙。
根據(jù)圖片或原網(wǎng)站竭业，完成靜態(tài)無任何交互的樣式（鼠標(biāo)懸浮、頁面切換等）及舍；如選購手機未辆，企業(yè)團購部分的圖標(biāo)，可以嘗試使用Iconfont上的字體 icon 實現(xiàn)锯玛。
在商品元素卡片上利用 CSS 實現(xiàn)鼠標(biāo)懸浮時的動畫效果咐柜。
利用 JavaScript，實現(xiàn)在鼠標(biāo)單擊輪播圖左右按鈕時切換展示頁攘残。
參考原網(wǎng)站實現(xiàn)拙友，嘗試利用 CSS 或 JavaScript 其中一種方法實現(xiàn)鼠標(biāo)滑過時顯示分類所屬商品效果（如果有時間可以都嘗試一下）。
學(xué)習(xí)感想：
塊級元素實現(xiàn)水平居中：margin：0 auto歼郭；
水平居中：text-align:center;
豎直居中：line-height:高度px;
塊級元素以及行內(nèi)元素實現(xiàn)水平豎直居中：http://blog.csdn.net/xsp_login/article/details/44736201
非間斷空格： 
不同寬度的空格：&ensp遗契，&emsp=4&ensp
