CSS是一種用來控制網頁樣式的語言，它可以讓我們實現各種炫酷的效果。比如，在網頁上畫大小不同的點，就是CSS可以輕松搞定的事情。

/* CSS代碼 */
.point-small {
width: 5px;
height: 5px;
background-color: #000000;
border-radius: 50%;
}
.point-medium {
width: 10px;
height: 10px;
background-color: #000000;
border-radius: 50%;
}
.point-large {
width: 20px;
height: 20px;
background-color: #000000;
border-radius: 50%;
}

上面的代碼中，我們定義了三個類名：.point-small，.point-medium和.point-large。這三個類名分別表示小、中、大三種點的大小。接下來，我們來逐個解釋這些CSS屬性的含義。

首先是width和height。這兩個屬性分別表示點的寬度和高度。我們可以根據需要自行調整它們的數值。

接下來是background-color。這個屬性表示點的背景顏色。我們可以通過修改這個屬性的值，來改變點的顏色。

最后是border-radius。這個屬性用來設置點的圓角半徑。我們將它的值設為50%，就能把點變成圓形了。

在HTML頁面中，我們只需要將指定的類名添加到相應的標簽上，就可以讓點顯示出來了。例如：

上面的HTML代碼中，我們分別創建了三個div標簽，并分別添加了不同的類名。這樣，就可以在頁面上顯示出大小不同的點了。

CSS的強大不僅在于它可以實現這樣簡單的效果，還可以通過組合各種CSS屬性，創造出更加復雜、多樣化的效果。如果你對CSS感興趣，不妨多去探索一下，看看它能帶給你的驚喜。