HTML 和 CSS 是網頁設計的重要元素。HTML 是網頁結構語言，而 CSS 則是用來美化網頁外觀和布局的樣式語言。在編寫網頁時，調整 CSS 樣式是至關重要的，本文將介紹使用 CSS 進行網頁樣式調整的基本方法。

樣式的引入：

在 head 標簽中引入樣式表鏈接，可以將樣式代碼分離出來，進行單獨維護和管理。

基本選擇器：
/* 元素選擇器 */
p {
color: red;
}
/* 類選擇器 */
.intro {
font-size: 14px;
}
/* ID選擇器 */
#title {
	font-weight: bold;
}

CSS 樣式中的基本選擇器包括元素選擇器、類選擇器和 ID 選擇器。可以通過它們修改網頁中不同元素的樣式。其中，元素選擇器是修改某一類型元素的默認樣式，類和 ID 選擇器可以對具體的 HTML 元素進行定制化修改。需要注意的是，ID 選擇器只能對某一具體元素進行修改，而類選擇器可以對多個元素進行通用樣式設定。

盒模型:
/* 簡單盒模型 */
.box {
width: 200px;
height: 200px;
padding: 20px;
border: 5px solid black;
margin: 10px;
}
/* box-sizing 為 border-box 的盒模型 */
.box {
width: 200px;
height: 200px;
padding: 20px;
border: 5px solid black;
margin: 10px;
box-sizing: border-box;
}

盒模型是 CSS 樣式中一個很重要的概念。在盒模型中，每個 HTML 元素都被認為是一個矩形盒子，有著不同的寬度、高度、內邊距和邊框等。可以使用 padding 屬性調整盒子內部的空間大小，使用 border 屬性制作邊框，使用 margin 屬性調整盒子之間的間距。同時，可以通過 box-sizing 屬性來調整盒模型的大小計算方式，將 padding 和 border 也算入盒子的總大小計算中，方便進行樣式調整。

使用 CSS 進行樣式調整，需要掌握以上基本樣式設置方法。還需要注意的是，可以通過組合使用這些樣式進行復雜的布局調整，例如使用 flexbox 等布局方式。