3月4日进度条

学习时间4小时
代码行数：190行
具体知识点：外部样式表、盒模型规范、字体和排版等。

---

关于我

姓名：丁明辉

性别：男

专业：软件工程

没有自拍照，随便放了张图片

---

---

我的技能

• HTML/CSS


• JavaScript


• Java


• Python

---

---

我的时间表

时间	活动
08:00 - 09:00	早餐和准备
09:00 - 13:00	学习编程
13:00 - 14:00	午餐
14:00 - 18:00	项目开发
18:00 - 19:00	晚餐
19:00 - 21:00	复习和学习新知识
21:00 - 22:00	休息

---

---

联系我

姓名:

电子邮件:

消息:

---

/* 基本样式 */ body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; background-color: #f9f9f9; color: #333; line-height: 1.6; }

.container {
max-width: 800px;
margin: 40px auto;
background: #fff;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}

/* 标题样式 /
h1, h2 {
color: #2c3e50;
margin-bottom: 10px;
/ 设置字体为柳体 */
font-family: 'Liu Jian Mao Cao', cursive;
}

/* 段落样式 */
p {
margin-bottom: 15px;
font-family: 'Liu Jian Mao Cao', cursive;
}

/* 图片样式 */
img {
max-width: 100%;
height: auto;
border-radius: 8px;
margin-bottom: 20px;
}

/* 列表样式 */
ul {
list-style-type: none;
padding: 0;
}

li {
background: #f4f4f4;
margin-bottom: 5px;
padding: 10px;
border-radius: 4px;
}

/* 表格样式 */
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}

th, td {
border: 1px solid #ddd;
padding: 12px;
text-align: left;
}

th {
background-color: #f2f2f2;
font-weight: bold;
}

/* 表单样式 */
form {
margin-top: 20px;
}

input[type="text"],
input[type="email"],
textarea {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ddd;
border-radius: 4px;
box-sizing: border-box;
}

input[type="submit"] {
background-color: #2980b9;
color: #fff;
padding: 10px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s ease;
}

input[type="submit"]:hover {
background-color: #2471a3;
}