css中字体单位px与em
2007-02-22 12:42
411 查看
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>
相关文章推荐
- css中字体单位px与em
- CSS尺寸和字体单位-em、px还是%
- css中字体单位px与em
- css中字体单位px与em
- css中字体单位px与em
- css中字体单位的不同:px、em、rem
- CSS中常用的字体单位:px、em、rem和%的区别
- css中字体单位px,pt,em ,rem,百分比之间的区别和用法
- css中字体单位px与em
- CSS中惯用的字体单位:px、em、rem和%的区别
- CSS尺寸和字体单位-em、px还是%
- 彻底弄懂css中字体单位px和em,rem的区别
- css中字体单位px,pt,em,百分比之间的区别和用法
- 学习CSS了解单位em和px的区别
- Css中的度量单位 px em ex pt pc in mm cm
- css中单位px和em,rem的区别
- CSS字体大小: em与px、pt、百分比之间的对比
- css中单位px、em以及rem的区别
- css中font-size的单位有px、em、pt
- CSS中那些px、em、pt、rem、%、dp(android)单位