2018-10-16

今日Project記錄：

1. Chrome開發者工具可以對頁面內取色，任意元素的element style后的豎排三個小點點開，就可以對網頁取色了。
2. Iconfont-阿里巴巴矢量图标：

剛剛開始接觸，覺得還挺方便。看了很多添加方法，自己比較習慣加入fontf文件夾的方式（其他方式再學習再補充），方法如下留以查閱：

一、在網頁中選擇合適的圖標加入購物車，然後進入購物車下載代碼（如下）；

二、解壓后，文件夾自己修改名字（為了以後自己方便查找，可以改名），放入網頁項目的FONT文件下。

三、打開文件中iconfont.css文件，紅框里的名稱（為了以後自己方便查找，可以改名）直接加入HTML，前面加icon:

<i class="iconfont icon-piliangfahuo-"></i>

四、最後，在header里引入CSS文件即可。

<link rel="stylesheet" type="text/css" href="fonts/font_arrow/iconfont.css">

五、為icon改大小和顏色可以直接寫在CSS裡面，也可以通過iconfont.css里的font-size修改大小。