css中 字体大小

CSS中的字体大小是网页设计中很重要的一个方面。它指定了文本的大小，在网页中起着更好的阅读、导航和设计作用。在CSS中，字体大小可以使用相对大小或绝对大小。相对大小是相对于周围文本的大小来定义的，而绝对大小是在像素或点（物理尺寸）中指定的。

p {
   font-size: 16px;
} 

这是一个用CSS代码定义的基本的字体大小，它会将整个页面的字体大小设置为16像素。如果想要更改单个元素的字体大小，可以为该元素设置一个新的字体大小。

h1 {
   font-size: 40px;
}

h2 {
   font-size: 36px;
}

h3 {
   font-size: 28px;
} 

对于标题等特殊内容的字体大小，一般更大而具有强烈的视觉效果。可以使用大字体大小来强调重要性。

相对字体大小可以使用百分比或相对大小（如em或rem）来定义。百分比指定相对于父元素的大小，而相对大小指定相对于当前元素的大小。

div {
   font-size: 120%;
}

p {
   font-size: 1.1em;
} 

在这里我们可以看到相对大小的一些示例，120%的字体大小是相对于父元素的大小定义的，而1.1em的字体大小是相对于当前元素的大小定义的。

在设计网页时，字体大小是一个非常重要的考虑因素，可以让你的网页更加易于阅读和浏览。选择合适的字体大小可以提高用户体验，并增加网站可阅读性。