CSS字体大小

CSS中的font-size属性用于指定字体的高度和大小。它影响元素文本的大小。它的默认值为medium，可以应用于每个元素。此属性的值包括xx-small，small，x-small等。

句法

font-size: medium|large|x-large|xx-large|xx-small|x-small|small|;

字体大小可以是相对的或绝对的。

绝对尺寸

它用于将文本设置为确定的大小。使用绝对大小，不可能在所有浏览器中更改文本的大小。当我们知道输出的物理大小时，这是有利的。

相对尺寸

它用于设置文本相对于其相邻元素的大小。使用相对大小，可以在浏览器中更改文本的大小。

注意：如果我们未定义字体大小，则对于普通文本(例如段落)，默认大小为16px，等于1em。

字体大小(含像素)

当我们用像素设置文本大小时，它将为我们提供对文本大小的完全控制。

例

This is a paragraph having size 40px.
This is another paragraph having size 20px.

带有em的字体

用于调整文本大小。大多数开发人员更喜欢em而不是像素。万维网联盟(W3C)推荐它。如上所述，浏览器中的默认文本大小为16px。因此，可以说1em的默认大小为16px。

用于计算从像素到em的大小的公式为em = pixel / 16。

例

First paragraph.
Second paragraph
Third Paragraph.

自适应字体大小

我们可以使用vw单位设置文本的大小，该单位代表“视口宽度”。视口是浏览器窗口的大小。

1vw =视口宽度的1％。

如果视口的宽度为50厘米，则1vw等于0.5厘米。

例

First paragraph having the width of 5vw.
Second paragraph having the width of 10vw.

具有length属性的字体大小

它用于设置字体大小的长度。长度可以是cm，px，pt等。字体大小中不允许使用length属性的负值。

句法

font-size: length;

例

 
 
     
         
     
      
     
        
font-size property
 
          
        
A paragraph having length 5cm.