作為前端開發的重要一環，CSS的期末考試成為了考察學生掌握程度和能力的重要手段。以下是期末考試中常見的內容：

.box {
width: 200px;
height: 200px;
margin: 0 auto;
position: relative;
}
.box::before {
content: "";
position: absolute;
left: 0;
top: 0;
transform: translateX(-50%) translateY(-50%);
width: 50px;
height: 50px;
background: red;
border-radius: 50%;
}
.box::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
transform: translateX(50%) translateY(50%);
width: 50px;
height: 50px;
background: green;
border-radius: 50%;
}

以上代碼展示了使用CSS實現一個帶有圓形裝飾物的正方形元素。通過: before和: after偽類，我們可以在元素前后插入偽元素，然后通過absolute屬性將偽元素定位到所需位置。同時使用translate屬性調整視覺位置。

除了偽類，CSS還有豐富的選擇器，如標簽選擇器、類選擇器、ID選擇器、偽類選擇器等等，這些選擇器能夠精確地定位到頁面中的元素，使得樣式編寫更加方便高效。

總之，在CSS期末考試中除了考察基本概念和語法外，還會涉及到實際的樣式編寫和應用場景，因此提前多練習，多思考是非常重要的。