最近參加了愛家商城前端開發的培訓班，收獲頗豐。其中最有趣的一項任務是寫CSS作業。

img {
border-radius: 50%;
}
h1 {
font-size: 48px;
}
p {
font-size: 24px;
line-height: 1.5;
}
.nav {
display: flex;
justify-content: center;
align-items: center;
background-color: #F8F8F8;
height: 80px;
margin-bottom: 32px;
}
.nav li {
margin-right: 24px;
}
.form {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 32px;
}
.input-group {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.input-group label {
margin-right: 16px;
}
.input-group input[type="text"],
.input-group input[type="email"],
.input-group input[type="password"] {
padding: 8px;
border: none;
border-bottom: 2px solid #333;
font-size: 16px;
}
.btn {
background-color: #333;
color: #FFF;
padding: 8px 16px;
border: none;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
}

這份CSS作業包含簡單的樣式設置，如圓形圖片、大標題和段落、灰色導航欄等，還有比較復雜的表單樣式設置，如輸入框和按鈕的樣式以及表單組合的樣式。

通過這次CSS作業練習，我對CSS樣式的設置有更深刻的認識，尤其是對flex布局和響應式設計的應用更加靈活自如。

在以后的前端開發工作中，我會更加注重CSS樣式的設置，提升用戶體驗和頁面美觀度。