当我们设计一个网站时,字体设置是一个非常重要的方面。在CSS中,我们可以使用一些属性来控制整个页面的字体样式,包括字体大小、字体颜色、行高等。在本文中,我们将介绍如何使用CSS来设置整个页面的字体。
html { font-size: 16px; font-family: "Open Sans", sans-serif; color: #333; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-weight: bold; } p { font-size: 1.2rem; margin-bottom: 1.5em; }
首先,我们需要设置HTML元素的字体大小和字体系列。在上面的代码中,我们将HTML元素的字体大小设为16像素,字体系列设为"Open Sans",表示我们使用的是Open Sans字体,如果Open Sans字体不可用,则使用sans-serif字体作为备用字体。
接下来,我们设置字体颜色和行高。在上面的代码中,我们将字体颜色设为#333,表示使用深灰色的字体。行高设为1.5,表示每行文字的间距是字体大小的1.5倍。
对于标题标签(H1-H6),我们将字体加粗。
最后,我们设置段落标签(P)的字体大小和段落间距。在上面的代码中,我们将段落标签的字体大小设为1.2rem,表示使用相对大小,相对于HTML元素的字体大小。段落间距(margin-bottom)设为1.5em,表示段落之间的距离是1.5倍字体大小。
通过以上的CSS代码,我们可以轻松地设置整个网站的字体样式,让页面显得更加整洁和专业。