CSS 全屏相冊是一種常見的網站設計元素，通過使用 CSS 技術實現。

在實現這種相冊的過程中，主要需要用到以下 CSS 屬性：

/* 使相冊全屏顯示 */
height: 100vh;
width: 100vw;
overflow: hidden;
/* 設置相片的位置和尺寸 */
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 100%;
width: 100%;
object-fit: contain;

在 HTML 中，我們可以使用以下代碼實現一個簡單的全屏相冊：

<div id="photo-gallery">
<img src="photo-1.jpg">
<img src="photo-2.jpg">
<img src="photo-3.jpg">
</div>
<style>
#photo-gallery {
height: 100vh;
width: 100vw;
overflow: hidden;
}
#photo-gallery img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
height: 100%;
width: 100%;
object-fit: contain;
}
</style>

需要注意的是，相片只能通過修改 HTML 代碼進行添加，無法通過 CSS 實現輪播效果。

總之，CSS 全屏相冊是一種簡單而有效的網站設計元素，在合適的場景下可以為網站增加更多的視覺效果。