CSS是一種用于網頁布局和樣式設計的語言，它可以控制元素的位置、大小、顏色等。其中一個常用的功能是固定位置和彈窗效果。

/* 固定位置 */
#fixed {
position: fixed;
top: 20px;
left: 20px;
}
/* 彈窗效果 */
#modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

固定位置可以通過設置元素的position屬性為fixed，并通過top和left等屬性控制元素的位置。這樣，即使用戶滾動頁面，該元素的位置也會保持不變。

彈窗效果是通過將元素的position屬性設置為fixed，再通過top、left和transform等屬性實現。transform屬性可以使元素居中顯示，并與頁面中心對齊。同時，還可以通過設置padding和box-shadow屬性增加樣式和美觀度。

<div id="fixed">
<p>這是一個固定位置的元素</p>
</div>
<div id="modal">
<p>這是一個彈窗效果的元素</p>
</div>

在HTML中，可以通過給元素設置id屬性，來將CSS樣式應用到對應的元素上。