對于許多Photoshop用戶來說,Photoshop CS6可能是他們最喜歡的版本之一。除了許多令人印象深刻的新功能外,Photoshop CS6還引入了新的CSS導出功能。
在Photoshop CS6中,用戶可以使用CSS樣式表導出設計。從此,用戶可以在不必從頭開始編寫代碼的情況下,構建一個網站的框架和布局。在一個設計中,用戶可以使用Photoshop的圖層和組來定義HTML元素,并將相關CSS樣式表導出。
例如,一個簡單的按鈕的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; }
要導出CSS代碼,請在Photoshop中選擇“文件”>“新建”>“Web頁面”。在Web頁面中,用戶可以在“圖層”面板中,將每個圖層或組分配為HTML元素。在分配了元素后,用戶可以右鍵單擊該元素并選擇“導出CSS”。在導出對話框中,用戶可以選擇導出所有選定元素的CSS代碼或者只是對某個元素單獨導出。
在導出選項中,用戶可以選擇要包括哪些CSS樣式規則,例如字體、邊框、背景和尺寸等。
總之,CSS導出功能為Photoshop CS6用戶提供了一種簡單的方法,讓他們在設計中生成良好的網站布局和框架。