Skills of front-end engineers: photoshop (from rendering to sprite) 1-preparation, photoshop Sprite

Front-end engineer skill-photoshop (from to sprite) 1-preparation, photoshop Sprite

[Project process]
Demand Analysis (Market)> Project prototype (product)> Design Drawing (UI)> page related (front-end)> data related (back-end)> test-> launch

 

[Photoshop function]: Provides image materials for webpages.
[Html] label
[Css] background attribute icon {background: url (../img/xx.jpg );}

 

[Photoshop initialization settings]
[1] Set preference [ctrl + k] Edit> preference> unit and ruler> change the unit of both the ruler and text to pixel

[Other common shortcut keys]
[1] Undo or forward in one step: ctrl + z
[2] continuous revocation: ctrl + alt + z
[3] Move back to a specific step: Click the corresponding step on the history panel
[4] deselect ctrl + d
[5] deformation: ctrl + t
[6] Save: ctrl + shift + alt + s
[7] merge layers: ctrl + e
[8] print what you see: ctrl + shift + e