css font-size属性怎么用


本文摘自PHP中文网,作者青灯夜游,侵删。

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属性 示例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<!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>

效果图:

1.jpg

以上就是css font-size属性怎么用的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

margin-top在html中的意思是什么

css中背景图片有哪些属性

如何使用css来画一个棒棒糖

给元素设置圆角半径的css属性是什么

css如何实现不显示元素

jquery怎么操作css设置高度

自学 html5 要多久

css实现div背景色闪烁效果

css padding属性怎么用

css/html如何设置readonly

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...