CSS100是一個為期100天的CSS學習計劃。計劃以每天學習一個CSS屬性或概念為主題，將基礎、進階和高級知識點都囊括在內。通過這樣的方式，學習者可以系統而全面地掌握CSS技術，并且還可以在實戰中應用它們。

下面是計劃中的一個案例：通過設置CSS，將一張圖片轉化為一個可響應的全屏幻燈片。這個案例將涉及到以下的CSS屬性和概念：

.container{
position: relative;
height: 100vh;
overflow: hidden;
}
.slide{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.slide.active{
opacity: 1;
}

首先，我們需要創建一個“container”元素，它將容納我們的圖片幻燈片。我們將設置它的高度為100vh，這意味著它將充滿整個屏幕。我們還將給它設置一個“overflow: hidden”的屬性，這樣它就可以“隱藏”超出視圖范圍的部分。

然后，我們需要將每張幻燈片元素設置為“position: absolute”。這將使它們可以覆蓋在“container”元素之上。我們還將設置它們的“height”和“width”屬性，以使它們與“container”元素一樣高或一樣寬。

最后，我們將設置幻燈片的“opacity”屬性，使其在幻燈片之間切換時產生漸變效果。我們還將設置“transition”屬性，使其從一個幻燈片到另一個幻燈片時的過渡更加平滑。

通過這個CSS100案例，我們可以看到如何使用CSS將一張圖片轉換為一個響應式的全屏幻燈片。它還幫助我們理解了許多重要的CSS屬性和概念，例如“position”、“height”、“width”、“opacity”和“transition”等。一旦我們掌握了這些概念，我們就可以在將來的工程項目中自信地應用它們。