css中字体单位px与em
来源:互联网 发布:mysql 数据库没有了 编辑:程序博客网 时间:2024/06/11 19:32
css中字体单位px与em
px是固定大小单位称为像素,em是非固定大小单位称为相对单位字。在ie中px单位的文本的字号不随浏览器字号设置的改变而改变。浏览器字号的设置将改变默认em的大小。
例如:当ie文字大小为中时默认的1em相当于16px,当文字大小为较小时默认的1em相当于12px。
当em单位处于具有固定字号的对象中时,em将以此对象中的文字大小为基准单位
<div style="font-size:12px;">
12px字体<br /> <span style="font-size:1em; color:blue">12px字内的1em字</span><br /><span style="font-size:2em;color:red">12px字内的2em字</span><br /> </div>
<div style="font-size:13px;">13px字体</div>
<div style="font-size:14px;">14px字体</div>
<div style="font-size:16px;">16px字体</div>
<div style="font-size:1em">1em字体</div>
<div style="font-size:0.85em">0.85em字体<br />
<span style="font-size:1em; color:blue">0.85em字内的1em字</span><br />
<span style="font-size:2em; color:red">0.85em字内的2em字</span><br /> </div>
<div style="font-size:0.75em">0.75em字体<br />
<span style="font-size:14px; color:blue">0.75em字内的14px字</span><br /> <span style="font-size:12px;color:red">0.75em字内的12px字</span><br />
</div>
<div style="font-size:0.5em">0.5em字体</div>
12px字体<br /> <span style="font-size:1em; color:blue">12px字内的1em字</span><br /><span style="font-size:2em;color:red">12px字内的2em字</span><br /> </div>
<div style="font-size:13px;">13px字体</div>
<div style="font-size:14px;">14px字体</div>
<div style="font-size:16px;">16px字体</div>
<div style="font-size:1em">1em字体</div>
<div style="font-size:0.85em">0.85em字体<br />
<span style="font-size:1em; color:blue">0.85em字内的1em字</span><br />
<span style="font-size:2em; color:red">0.85em字内的2em字</span><br /> </div>
<div style="font-size:0.75em">0.75em字体<br />
<span style="font-size:14px; color:blue">0.75em字内的14px字</span><br /> <span style="font-size:12px;color:red">0.75em字内的12px字</span><br />
</div>
<div style="font-size:0.5em">0.5em字体</div>
文章引用自: http://yeren203.spaces.live.com/
- css中字体单位px与em
- css中字体单位的不同:px、em、rem
- css字体单位em、px、%区别
- CSS 中长度单位em、px、ex、%
- css中单位 px、em 的区别
- CSS中惯用的字体单位:px、em、rem和%的区别
- css中字体单位px,pt,em ,rem,百分比之间的区别和用法
- 彻底弄懂CSS中字体单位px、em、rem和pt
- 彻底弄懂css中字体单位px和em,rem的区别
- 了解CSS中em单位和px单位的区别
- CSS中em单位和px单位的区别
- CSS中em单位和px单位的区别
- CSS中em单位和px单位的区别
- CSS中em单位和px单位的区别
- CSS中em和px单位的区别
- web - css 中单位px和em的区别
- 详述CSS中单位px和em的区别
- css中font-size的单位有px、em、pt
- VB与三维
- 成为有钱人的25种方法
- Delphi 消息机制引入的一个副作用
- 从CD提取mp3
- 奖金不兑现,我该怎么办?
- css中字体单位px与em
- 大唐移动招聘软件工程师(C/C++)
- 使用了下Sqlite3
- 应用框架的设计与实现——.NET平台(10 授权服务.PrincipalPermissionAttribute)
- 20070222
- 如何成为优秀程序员
- 春节,娱乐一下
- 简易Ajax框架解释【原创】
- 大学生学软件必看