CSS是網頁制作中不可或缺的一部分，它可以為HTML文檔添加樣式，使網頁更加美觀、易讀、易用。以下是本人學習CSS時做的一些筆記。

/*設置字體*/
body {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
}
/*設置背景色*/
body {
background-color: #f2f2f2;
}

這些代碼展示了如何設置網頁的字體和背景色。在CSS中，可以通過選擇器選擇網頁上的元素，并針對這些元素應用樣式。

/*選擇器*/
h1 {
color: #369;
font-size: 24px;
}
/*類選擇器*/
.highlight {
background-color: yellow;
padding: 5px;
}
/*ID選擇器*/
#banner {
background-image: url(background.png);
height: 200px;
}

選擇器是通過HTML元素名稱、類名或ID來選擇網頁上的元素，然后應用相應的樣式。此處還展示了如何使用類選擇器和ID選擇器來選擇元素。

/*盒子模型*/
.box {
width: 200px;
height: 200px;
margin: 20px;
padding: 10px;
border: 1px solid #ccc;
}
/*定位*/
.relative {
position: relative;
top: 10px;
left: 10px;
}
.absolute {
position: absolute;
top: 10px;
left: 10px;
}

CSS中的盒子模型和定位也是常用的樣式方式。盒子模型可以通過設置元素的width、height、margin、padding和border來定義元素的尺寸和距離；定位可以通過設置元素的position、top、bottom、left、right來控制元素的位置。此處展示了一些基本的盒子模型和定位的用法。

以上是我在學習CSS時整理的一些筆記，希望對初學者有所幫助。