photoshop cc現在新加了一個功能，可以生成層元素的樣式，你可以在photoshop cc中做好頁面后，安排好層的元素布局，然后以頁面左上角為坐標圓點，生成層的樣式

那么如何做好層的管理，可以一步就可以生成所有的頁面樣式，而不用一步一步的再去，點擊一個層生成一個樣式呢?

方法如下：

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

打開一個做好的頁面，每層的元素都已經做好了命名，如圖所示：

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

二.選中名稱為css的組，然后選擇 "圖層-復制css",現在樣式已經到剪貼板里了

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

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

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

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

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

分組的目的，就是為了一步把所有的層樣式給復制出來，不用再一層一層操作了。