body { background-color: #f1f1f1; color: #333; font-size: 16px; }
其中,background-color属性定义了整个页面的背景颜色,可以使用十六进制颜色码或具体的颜色名称来实现,比如这里使用了#f1f1f1的浅灰色作为背景。
color属性定义了页面中的文本颜色,同样可以使用十六进制颜色码或名称来实现。这里使用了#333的深灰色作为文本颜色。
font-size属性定义了页面中的字体大小,单位可以使用像素(px)、点(pt)或百分比(%)等。这里使用了16px的字体大小。
除了这些基础属性外,body属性还可以定义页面中的行距(line-height)、文本对齐方式(text-align)、边距(margin)、边框(border)、内边距(padding)等样式,可根据具体需求进行设置。
通过设置body属性,可以为整个页面设置基础样式,统一风格,提高用户体验。不过需要注意,如果某些元素有自己的样式属性,可能会覆盖掉body的样式属性,此时需要调整优先级或使用!important来强制生效。