|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。
在印刷排版中,“point”是一个相对的单元,它即是1/72英寸,能够用尺子测量的,物理的英寸。但在CSS中pt的寄义却非云云,比方我们指定一个字体是9pt,我们会觉得依照CSS标准,它即是:
9*1/72=1/8inch
这是一个曲解,由于我们的显现器被支解为了一个个的像素,单个像素只能有一种色彩(为了简化,这里暂不会商次像素反锯齿手艺),要在屏幕上显现,必需先把以pt为单元的长度转换为以像素为单元的长度,这个转换的前言,就是DPI(现实上,这里的所谓的DPI,是操纵体系和扫瞄器中利用的术语,即为PPI,pixelsperinch,和扫描仪、打印机、数码相机中的DPI是分歧的观点)。
比方,不管在哪一个操纵体系中,Firefox扫瞄器默许的DPI都是96,那末实践上9pt=9*1/72*96=12px。
以是,固然“DPI”中的“I”和“1pt即是1/72inch”中的“inch”,都不代表物理上的英寸,但这两个单元相互之间是相称的,也就在相乘中约失落了。
那末,实在的物理长度怎样盘算呢?请拿出一把尺子,测量你的显现器的可见宽度(我这里是11.2992英寸),除以横向分辩率(我这里是1024像素),失掉的就是每一个像素的物理长度。
如今我们能够回覆如许一个成绩,网页上9pt的字体事实占用了多宽的空间?谜底是:
9*1/72*96*11.2992/1024=0.1324英寸=0.3363厘米。
有乐趣的伴侣能够本人查证一下。
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。 |
|