Photoshop是一款常用的圖像處理軟件，而在網頁設計中，ps的切圖功能也是不可或缺的。隨著網站的趨于多樣化，前端開發中css樣式的運用也越來越復雜，因此我們有時需要用到ps將圖片樣式直接復制到css中，那么這些樣式保存在哪里呢？

.box {
width: 100px;
height: 100px;
background-color: #f00;
border-radius: 50%;
box-shadow: 0 0 10px #000;
transform: rotateX(30deg) rotateY(50deg);
}

上面的代碼就是將ps中一個圓形圖片的樣式直接復制到css中，其中css的每一個樣式都對應著ps中的某一個樣式，如width對應ps中的寬度，background-color對應ps中的背景色等等。并且我們也可以像ps中一樣，通過偽類和媒體查詢來控制樣式的變化。

那么，這些保存的樣式放在哪里呢？我們一般會把css樣式放在一個外部的.css文件中，方便管理和維護。在使用時，我們只需在html文件中引用該文件即可。

總之，通過將ps中的樣式復制到css中，我們可以更方便地管理和定制網頁的樣式。同時，我們也應該注意保持代碼的規范和語義化，讓我們的網頁更加優雅和易于維護。