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

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

這些代碼展示了如何設(shè)置網(wǎng)頁的字體和背景色。在CSS中，可以通過選擇器選擇網(wǎng)頁上的元素，并針對(duì)這些元素應(yīng)用樣式。

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

選擇器是通過HTML元素名稱、類名或ID來選擇網(wǎng)頁上的元素，然后應(yīng)用相應(yīng)的樣式。此處還展示了如何使用類選擇器和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中的盒子模型和定位也是常用的樣式方式。盒子模型可以通過設(shè)置元素的width、height、margin、padding和border來定義元素的尺寸和距離；定位可以通過設(shè)置元素的position、top、bottom、left、right來控制元素的位置。此處展示了一些基本的盒子模型和定位的用法。

以上是我在學(xué)習(xí)CSS時(shí)整理的一些筆記，希望對(duì)初學(xué)者有所幫助。