css制作徐简介 |css 表格单双行

body {
margin: 0;
padding: 0;
font-family: sans-serif;
}
.header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
h1 {
font-size: 3em;
margin: 0;
}
.main {
max-width: 800px;
margin: 0 auto;
padding: 50px;
}
p {
line-height: 1.5;
font-size: 1.2em;
margin-bottom: 20px;
text-align: justify;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
margin-bottom: 10px;
}
.footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}

首先，大家先对整个文档进行初始化，把body的外边距和内边距都设为0，以便更好的控制元素的位置和大小。同时，大家还定义了一个常用的字体，方便后续样式的继承。

然后，大家对页面的header、main和footer分别进行了样式设计。其中，header和footer的背景色都设置为深色，并且文字颜色为白色，以突出其重要性。而main部分则是最主要的内容区域，大家将其宽度设为最大800px，以避免内容过于拥挤。

在内容的样式设计中，大家对段落和列表等元素设置了一些共性的样式，如行高、字号、对齐方式等，旨在让内容更加清晰易读。

以上就是如何使用CSS进行徐简介页面制作的简单介绍。CSS的样式设计是一个复杂而又精细的过程，需要大家耐心细致地调整，才能制作出优秀的网页内容。