css字体样式和表格样式

在网页设计中，CSS是必不可少的一部分。它可以通过CSS来定义文本字体的样式，从而实现文字视觉上的美化。在CSS中，我们可以通过font-family属性来定义文字的字体，还可以通过font-size属性来定义文字的大小，此外，还可以通过font-weight属性来定义文字的粗细。

/* 定义文本字体的样式 */
p{
    font-family: "Microsoft YaHei",sans-serif;
    font-size: 16px;
    font-weight: 400;
}

除了文字样式之外，CSS还可以对表格进行样式设置，从而让表格更加美观。在CSS中，我们可以通过border属性来对表格的边框进行设置，还可以通过background-color属性来设置表格的背景颜色。

/* 定义表格的样式 */
table{
    border: 1px solid #ccc;
    border-collapse: collapse;
}
td{
    border: 1px solid #ccc;
    padding: 8px;
}
tr:nth-child(even){
    background-color: #f2f2f2;
}

在上述代码中，我们定义了表格的边框颜色以及单元格的间距。而通过tr:nth-child(even)选择器，我们可以设置表格中偶数行的背景颜色为灰色。这样，我们可以轻松地美化表格。