對(duì)于許多Photoshop用戶來說,Photoshop CS6可能是他們最喜歡的版本之一。除了許多令人印象深刻的新功能外,Photoshop CS6還引入了新的CSS導(dǎo)出功能。
在Photoshop CS6中,用戶可以使用CSS樣式表導(dǎo)出設(shè)計(jì)。從此,用戶可以在不必從頭開始編寫代碼的情況下,構(gòu)建一個(gè)網(wǎng)站的框架和布局。在一個(gè)設(shè)計(jì)中,用戶可以使用Photoshop的圖層和組來定義HTML元素,并將相關(guān)CSS樣式表導(dǎo)出。
例如,一個(gè)簡(jiǎn)單的按鈕的CSS代碼可能如下所示: .button { background-color: #3b3b3b; color: #fff; display: inline-block; padding: 10px 20px; text-align: center; text-decoration: none; text-transform: uppercase; } .button:hover { background-color: #666; }
要導(dǎo)出CSS代碼,請(qǐng)?jiān)赑hotoshop中選擇“文件”>“新建”>“Web頁面”。在Web頁面中,用戶可以在“圖層”面板中,將每個(gè)圖層或組分配為HTML元素。在分配了元素后,用戶可以右鍵單擊該元素并選擇“導(dǎo)出CSS”。在導(dǎo)出對(duì)話框中,用戶可以選擇導(dǎo)出所有選定元素的CSS代碼或者只是對(duì)某個(gè)元素單獨(dú)導(dǎo)出。
在導(dǎo)出選項(xiàng)中,用戶可以選擇要包括哪些CSS樣式規(guī)則,例如字體、邊框、背景和尺寸等。
總之,CSS導(dǎo)出功能為Photoshop CS6用戶提供了一種簡(jiǎn)單的方法,讓他們?cè)谠O(shè)計(jì)中生成良好的網(wǎng)站布局和框架。