css font-size属性怎么用

互联网 19-5-30

css font-size属性用于设置元素的字体大小。实际上该属性设置的是字体中字符框的高度；实际的字符字形可能比这些框高或矮（通常会矮）。

css font-size属性怎么用？

font-size属性设置字体的尺寸。

可以设置的属性值：

值	描述
xx-small x-small small medium large x-large xx-large	把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。默认值：medium。
smaller	把 font-size 设置为比父元素更小的尺寸。
larger	把 font-size 设置为比父元素更大的尺寸。
length	把 font-size 设置为一个固定的值。
%	把 font-size 设置为基于父元素的一个百分比值。

说明：该属性设置元素的字体大小。注意，实际上它设置的是字体中字符框的高度；实际的字符字形可能比这些框高或矮（通常会矮）。各关键字对应的字体必须比一个最小关键字相应字体要高，并且要小于下一个最大关键字对应的字体。

注释：所有主流浏览器都支持 font-size 属性。

css font-size属性示例

<!DOCTYPE html> <html> <head> <meta charset="utf-8">  <style type="text/css"> h1 {font-size: 300%} h2 {font-size: 200%} p {font-size: 100%} </style> </head> <body> <h1>php中文网</h1> <h2>php视频教程</h2> <p>php程序员词典</p> </body> </html>

效果图：