前一天我們學習了CSS的一些基礎知識，包括選擇器、樣式屬性和各種常見的樣式效果。

/* 選擇器 */
p { /* 選中所有段落 */
color: red; /* 設置文字顏色為紅色 */
}
#title { /* 選中ID名為title的元素 */
text-align: center; /* 將標題居中對齊 */
}
.box { /* 選中所有class名為box的元素 */
background-color: yellow; /* 設置背景顏色為黃色 */
}
/* 樣式屬性 */
font-size: 16px; /* 設置字體大小為16像素 */
font-family: 'Microsoft Yahei', sans-serif; /* 設置字體為微軟雅黑或者默認sans-serif字體 */
line-height: 1.5; /* 設置行高為字體大小的1.5倍 */
text-decoration: none; /* 取消超鏈接下劃線 */
border: 1px solid blue; /* 設置邊框為寬度為1像素、顏色為藍色的實線 */
/* 常見樣式效果 */
:hover { /* 鼠標懸浮樣式 */
color: blue; /* 文字顏色變為藍色 */
background-color: orange; /* 背景顏色變為橙色 */
}
:focus { /* 當聚焦在某個元素時的樣式 */
outline: none; /* 去掉默認的邊框 */
box-shadow: 0 0 5px blue; /* 添加一層藍色的陰影效果 */
}
@media (max-width: 640px) { /* 媒體查詢，當屏幕寬度小于等于640像素時應用的樣式 */
p {
font-size: 14px;
}
}

我們需要復習這些基礎知識，才能更好地運用CSS來控制網頁的樣式，達到更好的視覺效果。