css中字体单位px与em
2012-03-09 00:00
519 查看
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>
文章引用自:
http://yeren203.spaces.live.com/
$(document).ready(function(){dp.SyntaxHighlighter.HighlightAll('code');});
原文链接:
http://blog.csdn.net/newhappy2008/article/details/1512564
相关文章推荐
- css中字体单位px,pt,em ,rem,百分比之间的区别和用法
- css中字体单位px与em
- CSS尺寸和字体单位-em、px还是%
- css中字体单位px与em
- css中字体单位px与em
- 彻底弄懂css中字体单位px和em,rem的区别
- css中字体单位px与em
- css中字体单位的不同:px、em、rem
- css中字体单位px,pt,em,百分比之间的区别和用法
- CSS尺寸和字体单位-em、px还是%
- CSS中常用的字体单位:px、em、rem和%的区别
- css中字体单位px与em
- CSS中惯用的字体单位:px、em、rem和%的区别
- 你应该知道的CSS文字大小单位PX、EM、PT[转]
- 搞清楚CSS单位px、em、rem、vh、vw、vmin、vmax
- CSS文字大小单位PX、EM、PT
- CSS长度单位及区别 em ex px pt in
- 彻底弄懂css中单位px和em,rem的区别
- 搞清楚CSS中单位px与em之间的关系和特点
- css中单位px和em,rem的区别