photoshop cc如何一步生成頁面所有樣式

　一 .先來說下，頁面層如何管理?

　　打開一個(gè)做好的頁面，每層的元素都已經(jīng)做好了命名，如圖所示：

　　注意：右邊層的管理，把我們做好的頁面元素都放到一個(gè)組里面，組命名為css

　　二.選中名稱為css的組，然后選擇 "圖層-復(fù)制css",現(xiàn)在樣式已經(jīng)到剪貼板里了

　　三.新建一個(gè)空的圖層，選中文字，粘貼上去看看效果

　　注意：我這里是為了演示效果，直接在photoshop中粘貼的

　　實(shí)際使用中，大家直接在網(wǎng)頁編輯工具中把樣式給提取出來就可以了

　　上圖所示，大家注意到了嗎，現(xiàn)在所有css組里的層的樣式全部都顯示出來了。

　　css也做為一個(gè)層把樣式給寫出來了，這個(gè)你可以直接刪除掉