1. Sublime Text3 快捷方式

需要安裝emmet插件：先安裝package control，參考官網(wǎng)安裝package install，之后在窗口中輸入emmet進行安裝，安裝好后按Ctrl+e檢驗有效性，如果報錯，根據(jù)提示解決插件問題

1. 生成標簽 直接輸入標簽名按Tab鍵

2. 生成多個同名標簽， 例如 div*3 再按tab鍵

3. 如果有父子關(guān)系，使用ul>li, 按tab鍵。ul>li*5

4. 如果是同級標簽：使用div+span，按tab鍵。??div+p*5

5. 如果已經(jīng)定義類選擇器，生成帶有類名或者id名字的標簽，直接在body中寫.類名或者#類名， 再按tab鍵

2. 瀏覽器操作

2.1 html開發(fā)者工具

F12

2.2 在開發(fā)者工具中快速取色

2.3 快速復原瀏覽器窗口以100%顯示頁面

Ctrl+0

2.4 JS中console.log()生成的日志

F12 -> console

2.5 JS的單步調(diào)試

F12 -> sources

3. FastStoneCapture

3.1 測量px

Settings最后一個圖標 -> Screen Ruler

3.2 截圖測量px

Caputure Fixed-size Region 再配合PS cc使用

4. Photoshop CC

4.1 取色

使用PSCC的取色工具

4.2 顯示/影藏標識

Ctrl+r

顯示標尺后，在標尺上右鍵，將單位改成pixel

4.3 放大縮小

方法一：

Ctrl +：放大 Ctrl -：縮小

方法二：

Ctrl+空格+鼠標左鍵拖動

4.4 圖片整體移動

空格鍵+鼠標左鍵

4.5 選框 與 撤銷選框

Ctrl+d: 側(cè)小選區(qū)

4.6 切片步驟

1. 選擇切片工具

2. 選取想要切出的區(qū)域

切片區(qū)域可以微調(diào)

3. 選擇保存為web格式

4. 選擇保存文件格式為png-8

5. 保存選中的切片

6. 判斷字體和字的大小