品優購專案 登入頁面

效果圖

html部分

掃瞄登陸

|賬戶登陸
公共場所不建議自動登入，以免賬號丟失
 自動登入
忘記密碼?
登入立即註冊

.header 

.logo 
.login-main 
.login-main .w 
.loginfrom 
.a-from 
.from1 
.spa 
.from2 
.anno 
.loginfrom input 
.logininput 
.logininput i 
.logininput .useri 
.logininput .passwordi 
.check 
.check input 
.check span 
.check a 
.check a:hover 
.loginbtn 
.link span 

品優購專案學習總結（一）

這個圖示就是主頁面上面的小圖示，與頁面的title一起顯示的。圖示的引用 href 值為圖示的路徑 注意 圖示最好要放在專案的根目錄下，防止出錯 圖示的製作 這個鏈結可以把切的圖 png jpg等 轉化成圖示 ico 字型圖示應用非常廣泛，它比較便捷 輕巧。不像載入需要請求伺服器，字型圖示減輕了瀏覽...

品優購電梯導航案例

案例分析 當我們滾動到 今日推薦 模組，就讓電梯導航顯示出來 點選電梯導航頁面可以滾動到相應內容區域 核心演算法 因為電梯導航模組和內容區模組一一對應的 當我們點選電梯導航某個小模組，就可以拿到當前小模組的索引號 就可以把animate要移動的距離求出來 當前索引號內容區模組它的offset top...

品優購（1）頂部製作

詳細回顧 先建立專案所需的資料夾，如images,css,js等，以後方便檔案的管理 分析公共樣式，比如整個專案內容居中，那麼就可以專門寫乙個樣式 如 common 那麼只需要在需要該樣式的元素上新增類名 清除基礎樣式，如元素預設的padding，margin值，超連結的下劃線，無序列表的小圓點等等...