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>
效果图:
以上是css font-size属性怎么用的详细内容。更多信息请关注PHP中文网其他相关文章!