/*以下为CSS代码，用于网页美化*/
body{
font-family: "Microsoft Yahei", sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 0;
}
header{
background-color: darkgray;
text-align: center;
padding: 10px;
color: white;
}
nav{
background-color: #333;
color: white;
text-align: center;
padding: 10px;
}
nav a{
color: white;
text-decoration: none;
margin: 0 10px;
}
main{
width: 80%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
section{
background-color: white;
border: 1px solid #ccc;
box-shadow: 2px 2px 5px #ccc;
width: 30%;
padding: 10px;
margin: 10px;
}
h2{
color: darkgray;
text-align: center;
margin: 0 0 10px 0;
}
img{
max-width: 100%;
height: auto;
}首先，CSS代码常常放在<style>标签中，这个标签通常放在<head>中。在这里，大家定义了一个网站的整体样式：背景颜色、字体、页面边距等。接下来，大家设置网站的顶部(header)和导航条(nav)的样式，包括背景颜色、文字颜色和居中等。在这里，大家用了a标签来设置导航链接的样式。
然后，大家通过main标签来设置网站的主要内容的样式。大家使用了flex方法使内容区域水平分布。而section标签中定义了单个内容块的样式，包括背景颜色、边框、阴影等。同时，大家使用了h2标签来标明内容块的标题，使用img标签来调整图片的大小，使其适应网页。
除了这些，大家还可以使用CSS来定义按钮样式、表单样式、响应式设计等，让网站展示更加美观和易读。