网页中字体的大小和样式之类的问题

字体大小:(引用http://blog.csdn.net/gui597651737/article/details/7897439)

<span style="font-family:SimSun;font-size:12px;"><span style="background-color: rgb(255, 255, 255);">px:相对长度单位。像素(Pixel)。
pt:绝对长度单位。点(Point)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc

具体换算是: 
Points     Pixels     Ems   Percent 
6pt     8px     0.5em     50%    
7pt     9px     0.55em   55%    
7.5pt   10px     0.625em   62.5%    
8pt     11px     0.7em     70%    
9pt     12px     0.75em   75%    
10pt     13px     0.8em     80%    
10.5pt   14px     0.875em   87.5%    
11pt     15px     0.95em   95%    
12pt     16px     1em       100%    
13pt     17px     1.05em   105%    
13.5pt   18px     1.125em   112.5%    
14pt     19px     1.2em     120%    
14.5pt   20px     1.25em   125%    
15pt     21px     1.3em     130%    
16pt     22px     1.4em     140%    
17pt     23px     1.45em   145%    
18pt     24px     1.5em     150%    
20pt     26px     1.6em     160%    
22pt     29px     1.8em     180%    
24pt     32px     2em       200%    
26pt     35px     2.2em     220%    
27pt     36px     2.25em   225%    
28pt     37px     2.3em     230%    
29pt     38px     2.35em   235%    
30pt     40px     2.45em   245%    
32pt     42px     2.55em   255%    
34pt     45px     2.75em   275%    
36pt     48px     3em       300%


</span><span style="background-color: rgb(255, 204, 204);">像素与毫米的转换 </span><span style="background-color: rgb(255, 255, 255);">
转换还需要知道另一个参数:DPI(每英寸多少点) 
象素数 / DPI = 英寸数 
英寸数 * 25.4 = 毫米数 
对于显示设备,不管是打印机还是屏幕,都有一种通用的方法 
先用GetDeviceCaps(设备句柄,LOGPIXELSX) 
或者 
GetDeviceCaps(设备句柄,LOGPIXELSY)获得设备每英寸的像素数 
分别记为:px 和 py 
一英寸等于25.4mm 
那么毫米换算成像素的公式为  
水平方向的换算: x * px /25.4 
垂直方向的换算: y * py /25.4 
像素换算为毫米 x * 25.4 / px 
在程序中这么写 
MyControl.Height := 10{mm} * PixelsPerInch * 10 div 254; 
分子和分母同乘以10,将浮点数运算转化为整数运算,效率更高 

常用的1024x768或800x600等标准的分辨率计算出来的dpi是一个常数:96,因此计算出来的毫米与像素的关系也约等于一个常数: 
基本上 1毫米 约等于 3.78像素</span></span>
<span style="font-family:SimSun;font-size:12px;">
</span>
<span style="font-family:SimSun;font-size:12px;"><span style="background-color: rgb(255, 204, 204);">关于rem</span></span>
<span style="font-family:SimSun;font-size:12px;"><span style="color: rgb(51, 51, 51); line-height: 28px; text-align: justify; background-color: rgb(255, 255, 255);">rem就是将根节点html的font-size的值作为整个页面的基准尺寸,默认html的font-size是16px,即1rem=16px,如果某div宽度为32px你可以设为2rem。</span></span>
<span style="font-family:SimSun;font-size:12px;"><span style="color: rgb(51, 51, 51); line-height: 28px; text-align: justify; background-color: rgb(255, 255, 255);">
</span></span>
<span style="font-family:SimSun;font-size:12px;"><span style="color: rgb(51, 51, 51); line-height: 28px; text-align: justify; background-color: rgb(255, 255, 255);">
</span></span>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值