仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1961|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:pt、px、DPI: 关于长度单元的曲解

[复制链接]
海妖 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:25:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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厘米。
  有乐趣的伴侣能够本人查证一下。


表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
第二个灵魂 该用户已被删除
沙发
发表于 2015-1-17 16:07:15 | 只看该作者
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
蒙在股里 该用户已被删除
板凳
发表于 2015-1-20 23:44:56 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
透明 该用户已被删除
地板
发表于 2015-1-30 07:37:34 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
只想知道 该用户已被删除
5#
发表于 2015-2-6 09:00:38 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
精灵巫婆 该用户已被删除
6#
发表于 2015-2-15 21:40:24 | 只看该作者
可以使用 CSS 检查工具进行设计。
柔情似水 该用户已被删除
7#
发表于 2015-3-4 14:41:12 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
海妖 该用户已被删除
8#
 楼主| 发表于 2015-3-19 11:55:43 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
再见西城 该用户已被删除
9#
发表于 2015-3-28 03:18:54 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-4-19 18:52

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表