在平時的網(wǎng)頁制作中,我們經(jīng)常用到的就是PS,可以說是網(wǎng)頁設(shè)計師的必備工具之一。在進(jìn)行網(wǎng)頁設(shè)計時,我們需要將PS中設(shè)計好的各種樣式保存為CSS,然后在網(wǎng)頁代碼中引入。那么,在這里我們就介紹一下如何完整保存CSS。
首先,我們需要在PS中打開“圖層樣式”窗口,其快捷鍵為“F7”。在“圖層樣式”窗口中,我們可以對文本、形狀等各種圖層進(jìn)行添加樣式,包括陰影、邊框、漸變、投影等等。添加完所需的樣式后,我們要將其保存為CSS,這里有兩個步驟: 1、選擇需要保存為CSS的圖層; 2、在“圖層樣式”窗口中點擊“復(fù)制CSS”按鈕,即可將該圖層樣式完整地復(fù)制為CSS代碼。 需要注意的是,在進(jìn)行復(fù)制前,我們需要檢查圖層的名稱、大小以及位置等是否符合我們所需的要求。如果不需要全部樣式,則可以手動刪除不需要的代碼。相反,如果我們在新建CSS代碼后需要添加樣式,可以直接在代碼中添加。 在這里需要注意的是,Photoshop CS4以下的版本可能無法完整地復(fù)制CSS,這是因為這些版本的CSS代碼存在一些bug。因此,在使用低版本的Photoshop時,最好手動編寫CSS代碼。
總之,通過上述的介紹,我們可以看出,將PS中的樣式完整地保存為CSS代碼十分重要。這不僅可以減輕網(wǎng)頁代碼的負(fù)擔(dān),也可以方便我們在以后的工作中進(jìn)行修改和優(yōu)化。相信隨著不斷的實踐,我們的技能也會越來越熟練!