移動端頁面的樣式

1，移動端頁面的架構流程

常用的頁面設計工具：photoshop，Skectch+marketch，前者產出PSD文件，後者產出zip文件。

skectch界面示例

拿到視覺設計稿後，先將頁面劃分為不同的模塊和組件。

2，圖標的樣式化

3，使用偽類實現樣式

使用偽類來替代i標籤

0.5像素分割線的實現方法

使用css實現替換箭頭圖片，減少http請求，優化頁面性能。

補充部分：

常見的偽類：CSS 偽類 | 菜鳥教程

推薦閱讀：