CSS是網頁設計不可或缺的技術之一。作為HTML的配套技術，它能夠為網頁增加豐富的樣式，并改善網站的可用性和可讀性。在學習CSS時，我們需要了解三個重點：盒子模型、浮動和定位。

首先是盒子模型，簡單說就是任何HTML元素都可以看做是一個矩形的盒子。這個盒子包圍住了元素的內容、內邊距、邊框和外邊距。我們可以用CSS對這些屬性進行控制，實現對頁面布局的調整與美化。例如：

box-sizing: border-box;
padding: 10px;
border: 1px solid #000;
margin: 10px;

上述代碼將盒子模型的大小設置為內容、內邊距、邊框和外邊距的總和，內邊距為10px，邊框為1px的黑色實線，外邊距為10px。

接下來是浮動，可以用于圖片和文字環繞等頁面設計效果。浮動的元素會被移動到頁面的左側或右側，其他元素會自動圍繞它。我們可以使用CSS的float屬性實現浮動，例如：

img {
float: left;
margin-right: 10px;
}

這段代碼將圖片向左浮動，讓其右側的元素圍繞它。對于文字環繞效果，我們需要注意圖片的大小、位置和對齊方式。

最后是定位，用于實現對元素的絕對或相對定位。相對定位是基于元素當前位置的相對偏移量，而絕對定位則是相對于它最近的非 static 定位祖先元素的偏移量。我們可以使用CSS的position屬性來實現定位，例如：

#myDiv {
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
}

這段代碼將元素相對于頁面視窗絕對定位，并將其上沿與頁面頂部距離為10px，水平方向居中。

以上是CSS三大重點，它們是布局和頁面設計的基礎。我們可以在實際項目中多加練習和運用，不斷提高網頁設計水平。