CSS font-size属性，设置字体大小五种方法

font-size属性

CSS中的font-size属性用于设置HTML文档中元素内文本字体的大小。在网页设计当中，字体大小的设置应当以方便用户阅读为基本，也应当以规范的HTML文档结构为前提，比如不应该将一般用途的文本设置的比较大来当标题使用。

font-size五种属性值表格

属性值	描述
px	以像素来指定字体大小
em	相对大小，一般情况下浏览器默认的字体大小为16px，1em就相当于16px
vm	视口宽度viewport width，1vm相当于1%的视口宽度，常用于响应式设计的网页中
rem	相对html元素（根标签）的字体大小，比如html元素设置的font-size为16px，那么1rem就相当于16px
em和百分比	将body的字体设置为100%，然后将其它元素的font-size设置以em为单位，如此浏览器可调整文本大小

font-size设置字体大小五种方法实例代码

<p class='fz1'>字体单位px</p>
<p class='fz2'>字体单位em</p>
<p class='fz3'>字体单位rem</p>
<p class='fz4'>字体单位vm</p>
<p class='fz5'>通过%和em设置字体大小</p>
<p>因为设置了html元素和body元素的font-size，所以编辑器之外的网页的其它部分的样式也将发生改变，<strong style='color:blue;font-size:2.5em;'>运行完之后，如果想编辑，请刷新页面。</strong></p>
<style>
  html{font-size:16px;}
  .fz1{font-size:20px;}
  .fz2{font-size:1em;}
  .fz3{font-size:1rem;}
  .fz4{font-size:10vm;}
  body{font-size:100%}
  .fz5{font-size:1.2em;}
  
</style>

hot：热门