[分享]css3文字大小

CSS3文字大小是指使用CSS3技术对文本内容进行大小调整的方法，适用于网页、移动APP等多种场景。fontsize: 12px; 上面的代码是设置文字大小的最基本方法，其中"12px&qu...

CSS3文字大小是指使用CSS3技术对文本内容进行大小调整的方法，适用于网页、移动APP等多种场景。

font-size: 12px; 

上面的代码是设置文字大小的最基本方法，其中"12px"表示文字的大小，单位可以使用"px"（像素）、"em"（相对于当前元素的字体大小）、"rem"（相对于根元素的字体大小）等。

@media screen and (max-width: 768px) {
  font-size: 14px;
} 

此外，还可以通过媒体查询来设置不同设备尺寸下的文字大小，上面的代码表示当屏幕宽度小于等于768px时，设置文字大小为14px。

font-size: smaller; 

另外，CSS3还提供了一些特殊的值，如"smaller"、"larger"，可以根据当前字体大小来计算出相应的大小值。

h1 {
  font-size: 3em;
  line-height: 1.2;
  letter-spacing: 3px;
} 

最后，除了文字大小之外，还可以对行高、字母间距等进行调整，上面的代码中，"line-height"表示行高，"letter-spacing"表示字母间距。