网页中各度量单位的比较 - cnBruce's Blog | 布鲁斯狼
来源:百度文库 编辑:神马文学网 时间:2024/07/08 13:25:36
本日志标题:网页中各度量单位的比较
[2007-5-11]
在网页中对网页元素的大小修饰除了数值大小外,还有就是度量单位的选择了。不同的度量单位会有哪些不同的效果呢?首先先了解下各类单位及说明
像素(px)
根据显示器的分辨率来确定长度,在web应用中多采用该单位;
点数(pt)
根据windows系统定义的字号大小来确定长度;
英寸(in)、厘米(cm)和毫米(mm)
根据显示的实际尺寸来确定长度。此类单位不随显示器分辨率的改变而改变;
12pt字(pc)
即windows系统定义的12字号大小为单位(1pc=12pt)。该单位前输入的数字表示字号大小的倍数。如{font-size: 2pc;}表示文字大小为24pt;
以上单位均为定值,改变浏览器中浏览文字大小不会对应用这些单位的文字产生变化。
字体高(em)
表示当前文本的尺寸。如{font-size:2em}是指文字大小为原来的2倍;
字体x的高(ex)
表示当前字母“x”的高度;
%
是以当前文本的百分比定义尺寸。如{font-size:200%}是指文字大小为原来的2倍;
网页中各度量单位的在网页中的查看比较
[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]
![](http://image12.360doc.cn/DownloadImg/2010/07/0317/3866836_1.gif)
![](http://image12.360doc.cn/DownloadImg/2010/07/0317/3866836_2.gif)
![](http://image12.360doc.cn/DownloadImg/2010/07/0317/3866836_3.gif)
像素(px)
根据显示器的分辨率来确定长度,在web应用中多采用该单位;
点数(pt)
根据windows系统定义的字号大小来确定长度;
英寸(in)、厘米(cm)和毫米(mm)
根据显示的实际尺寸来确定长度。此类单位不随显示器分辨率的改变而改变;
12pt字(pc)
即windows系统定义的12字号大小为单位(1pc=12pt)。该单位前输入的数字表示字号大小的倍数。如{font-size: 2pc;}表示文字大小为24pt;
以上单位均为定值,改变浏览器中浏览文字大小不会对应用这些单位的文字产生变化。
字体高(em)
表示当前文本的尺寸。如{font-size:2em}是指文字大小为原来的2倍;
字体x的高(ex)
表示当前字母“x”的高度;
%
是以当前文本的百分比定义尺寸。如{font-size:200%}是指文字大小为原来的2倍;
网页中各度量单位的在网页中的查看比较
[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]
网页中各度量单位的比较 - cnBruce's Blog | 布鲁斯狼
Dreamweaver扩展(插件)的开发 - CNBRUCE‘S BLOG(布鲁斯狼) /// 专注WEB技术,关注生活点滴
限制复选框的最大可选数(转摘) - cnBruce's Blog | 布鲁斯狼
CMS(网站内容管理系统)有哪些? - cnBruce's Blog | 布鲁斯狼
常用CSS命名参考 - cnBruce's Blog | 布鲁斯狼
常用CSS缩写语法收集 - cnBruce's Blog | 布鲁斯狼
CSS样式表常用小技巧 - cnBruce's Blog | 布鲁斯狼
为什么要进行“标准” - CNBRUCE‘S BLOG(布鲁斯狼)
CSS框架的相关汇总(CSS Frameworks) - cnBruce's Blog |...
单击按钮将内容复制到剪贴板 - cnBruce's Blog | 布鲁斯狼
DWCS3-CSS布局之一CSS规则大纲 - cnBruce's Blog | 布鲁斯狼
DWCS3-CSS布局之二CSS规则定义 - cnBruce's Blog | 布鲁斯狼
CSS基础教程之度量单位的选择
网页中比较常用到的图片
VB使用的度量单位 - rekyfly的日志 - 网易博客
使用Spry轻松将XML数据显示到HTML页 - cnBruce's Blog | 布鲁斯...
一些网页中常用的精华代码s
PHP中设置Session过期的方法 ? gry's blog
网页不需要漂亮。续 - 一葉千鳥‘s BLOG - REXSONG.com
网页不需要漂亮 - 一葉千鳥‘s BLOG - REXSONG.com
简单比较3个文档分享网站 | zrong's Blog
几个Hash校验工具比较和下载 - Nicky's blog
极品人生的度量
武则天的度量