在使用Photoshop CC進行網站設計時,我們通常需要將設計稿中的樣式轉換成CSS代碼,以便在前端開發中使用。那么,如何在Ps CC中調出CSS代碼呢?
首先,我們需要確保在“首選項”中開啟了“生成圖像資產”功能。打開Ps CC后,依次點擊“編輯”->“首選項”->“生成圖像資產”,勾選“圖層樣式”和“文字”,并選擇生成CSS代碼的格式(常見的有“CSS”和“SASS”)。點擊“確定”保存即可。
接下來,在設計稿中選擇需要導出CSS代碼的圖層或文字,右鍵點擊選擇“圖層風格”或“字符風格”,在彈出菜單中選擇“復制CSS”或“復制SASS”,即可將CSS代碼復制到剪貼板中。
此外,我們還可以將整個設計稿或選定的圖層以HTML+CSS的形式導出。依次點擊“文件”->“導出”->“導出Web資源”,在彈出窗口中選擇輸出文件夾和文件格式,勾選“導出HTML文件”和“生成CSS(或SASS)文件”,并選擇相應的輸出設置,即可將設計稿轉換為HTML和CSS代碼的形式。
綜上所述,Ps CC中調出CSS代碼的方法多種多樣。通過開啟“生成圖像資產”功能、復制圖層或文字的CSS樣式、或導出整個設計稿為HTML+CSS文件等方式,我們可以輕松將設計稿轉換成前端開發所需的CSS代碼,方便快捷。
下一篇css通訊轉換器作用