photoshop cc如何一步生成頁(yè)面所有樣式

　一 .先來(lái)說(shuō)下，頁(yè)面層如何管理?

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

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

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

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

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

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

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

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