我最近遇到了一個問題,就是拷貝 Photoshop 中的 CSS 代碼時總會出現(xiàn)丟失的情況。而在我做網(wǎng)頁設(shè)計時,CSS 代碼是必不可少的,因此這種問題非常影響我的工作效率。
.selector { width: ; height: ; background-color: ; font-size: ; }
原因是 Photoshop 中的 CSS 代碼并不是真正意義上的 CSS 代碼,因為它是根據(jù)圖層屬性來生成的。因此,有時候我們在復(fù)制時,它會自動省略某些屬性,比如寬度、高度、字體大小等,這樣我們在粘貼到其他地方時就會丟失一些屬性值,導(dǎo)致代碼不完整。
.selector { background-color: ; }
解決這個問題的方法也很簡單,我們只需要在 Photoshop 中添加一個插件就可以了。插件叫做「CSS3Ps」,它可以將 Photoshop 中的圖層轉(zhuǎn)化為 CSS 代碼,并且允許我們自定義樣式。此外,CSS3Ps 還兼容近年來流行的 CSS3 屬性,因此在我們編寫代碼時也更加方便快捷。
.selector { width: 300px; height: 200px; background-color: #FFF; font-size: 12px; border-radius: 5px; box-shadow: 0 5px 10px rgba(0, 0, 0, .5); }
總的來說,我們在設(shè)計網(wǎng)頁時必須要注意保留完整的 CSS 代碼,這樣才能確保我們的網(wǎng)頁效果與設(shè)計一致。如果您也遇到了這種問題,不妨試試使用 CSS3Ps 這個插件吧。