css默认的font-size是什么意思,font-size

本词条缺少概述图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧!

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

中文名

font-size

版    本

CSS1兼容性

IE4+ NS4+

继承性

对应的脚本

特性为 fontSize

font-size语法

编辑

语音

font-size : xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | length

取值:

xx-small :  绝对字体尺寸。根据对象字体进行调整。最小

x-small :  绝对字体尺寸。根据对象字体进行调整。较小

small :  绝对字体尺寸。根据对象字体进行调整。小

medium :  默认值。绝对字体尺寸。根据对象字体进行调整。正常

large :  绝对字体尺寸。根据对象字体进行调整。大

x-large :  绝对字体尺寸。根据对象字体进行调整。较大

xx-large :  绝对字体尺寸。根据对象字体进行调整。最大

larger :  相对字体尺寸。相对于父对像中字体尺寸进行相对增大。使用成比例的 em 单位计算

smaller :  相对字体尺寸。相对于父对像中字体尺寸进行相对减小。使用成比例的 em 单位计算

length :  百分数 | 由浮点数字和单位标识符组成的长度值,不可为负值。其百分比取值是基于父对象中字体的尺寸。请参阅 长度单位

font-size说明

编辑

语音

设置或检索对象中的字体尺寸。

font-size的使用说明如下表所示:[1]默认值:medium

继承:yes

JavaScript 语法:object.style.fontSize="larger"

示例:

p { font-style: normal; }

p { font-size: 12px; }

p { font-size: 20%; }

font-size单位

编辑

语音

px: 基于像素的单位。像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的。

em : 一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小。

比如

这里的字是24px

如果使用em来指定填充,填充的宽度是相对于DIV元素的字体大小而定的。

pt: 印刷业上常使用的单位,磅的意思。一般也用于页面打印排版。

px是像素单位,em是相对单位,pt是绝对单位。它们各自的好处是:px可以在计算机屏幕上,能达到预期的效果,在打印机和其它的高分辨率设备上,它又能取得所希望的效果。em的优点很多,比如在一个页面上,你给定了一个父元素的字体大小,这样就可以通过调整一个元素来成比例的改变所有元素大小。它可以自由缩放,比如用来制作可伸缩的样式表。pt是一种固定长度的度量单位,是能够使用测量设备测得的长度。绝对单位作用有限,因为它们不能够缩放,通常只用在已经知道是用在哪种输出媒体的情况下才使用。但大多数情况下最好使用相对单位。一般都是用px和em这两种种配搭比较好。

font-size应用

编辑

语音

IE5.0+ currentStyleCUSTOMruntimeStyle

IE5.5+ defaults

font-size示例

编辑

语音

.test p {

margin: 15px 0;

border: 1px solid#000;

}

.xx - small p {

font - size: xx - small;

} /*尺寸大小为xx - small:xx - small尺寸的文字。*/

.x - small p {

font - size: x - small;

} 尺寸大小为x - small:x - small尺寸的文字。

.small p {

font - size: small;

}/*尺寸大小为small:small尺寸的文字。*/

.medium p {

font - size: medium;

}/*尺寸大小为medium:medium尺寸的文字。*/

.large p {

font - size: large;

}尺寸大小为large:large尺寸的文字。

.x - large p {

font - size: x - large;

}尺寸大小为x - large:x - large尺寸的文字。

.xx - large p {

font - size: xx - large;

}尺寸大小为xx - large:xx - large尺寸的文字

.smaller p {

font - size: smaller;

}尺寸大小为samller:samller尺寸的文字。

.larger p {

font - size: larger;

}尺寸大小为larger:larger尺寸的文字。

.float p {

font - size: 20px;

}尺寸大小为20px:20px尺寸的文字。

.percentage {

font - size: 20px;

}尺寸大小为20px:父对象20px尺寸的文字。

.percentage span {

font - size: 60 % ;

}我的尺寸只是父对象的60 %

参考资料

1.

CSS font-size 属性

.W3Cschool[引用日期2018-03-20]

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值