相关文章
网站建设利用CSS同比例缩小图片技巧
网站设计简单实用的网页表格特效
北京网站制作HTML之图形标记
网页设计CSS中absolute与relative
北京网站建设Dreamweaver MX建网页图片超链接
北京网站制作Ultradev实例教程:5 做一个相对简单的网站后台(1)
网站建设Flash 遮罩特效的综合操练（2）
网站建设FLASH MX 2004视频教程: 《老鼠爱大米》二
网站制作用Dreamweaver打造个性化Flash播放界面
网站制作DreamWeaver,经典50问(7)
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站制作 >> 北京网站制作网站建设CSS长度单位的区别 - pt,px和cm的区别
北京网站制作网站建设CSS长度单位的区别 - pt,px和cm的区别
资深北京网站建设公司企通互联,专业致力于北京网站建设,北京网站制作,北京网站设计, 北京网页设计北京网页设计领域,千余网站建设案例，公司拥有国内一流的网站建设、网站制作、网页设计团队，如果您已经有网站的,看看我们精美的网站建设案例也无妨.北京网站建设网址：http://www.qitongnet.com =======================================================================================
 |
我又写了另外一个HTML例子，测试一下cm。
在CSS样式表中，长度单位分两种：
- 相对长度单位，如px, em等
- 绝对长度单位，如pt,mm等
也谈px和pt的区别
经常看 到有人拿px和pt比较，主要是为了争辩在确定字体大小(font-size)或其它CSS属性大小时，用什么样的CSS长度单位更加好。有人说，用pt更好，因为pt是绝对长度单位，不会因为屏幕分辨率大小，或者其它因素而改变。
我去做了一个测试，写了这样一个HTML例子。代码如下： 北京网站设计
<html>
<head ><title >CSS单位长度区别 - px和pt的区别</title></head>
<body >
<p style = "font-size:20pt;">Font-size is 20pt</p>
<p style = "font-size:20px;">Font-size is 20px</p >
</body>
</html>
因为px能够精确地表示元素在屏幕中的位置和大小，
我将我的显示器分别调到1024*768和800*600的分辨率( 企通互联指screen resolution)。不管是用pt还 是用px设置的字体，都随着分辨率变化而变化 。(我使用的浏览器是IE6，其它浏览器上尚未测试过。)
所有的长度单位基于屏幕进行显示的时候 ，都统一先换算成为像素的多少。 网站制作
我又写了另外一个HTML例子，测试一下cm(厘米)。代码如下：
<html>
<head><title>CSS长度单位的区别 - pt,px和cm的区别</title></head>
<body >
以下div宽度300pt，高度30pt： <br>
<div style = "width:300pt;height:30pt;border:1px solid blue;"></div>
以下div宽度300px，高度30px ：<br>
<div style = "width:300px;height:30px;border:1px solid blue;"></div>
以下div宽度10cm，高度3cm ： <br>
<div style = "width:10cm;height:3cm;border:1px solid blue;"></div>
</body>
</html>
结果是，cm(厘米)也是随着显示器分辨率变化而变化的。
对于计算机的屏幕设备而言，像素 (Pixel )或者说px是一个最基本的单位 ，就 是一个点。其它所有的单位，都和像素成一个固定的比例换算关系。所有的长度单位基于屏幕进行显示的时候，都统一先换算成为像素的多少，然后进行显示。所以，就计算机的屏幕而言 ，相对长度和绝对长度没有本质差别。任何单位其实都 是像素 ，差别只是比例不同。
因为px能够精确地表示元素在屏幕中的位置和大小，网页主要是为了屏幕显示。
如果把讨论扩展到其它输出设备，比如打印机，基本的长度单位可能不是像素，而是其它的和生活中的度量单位一致的单位了。
CSS绝对长度单位 是对于输出设备(output device)而言的。拿pt来说，这是一个在文字排版工具(w ord,adobe等)中非常常用的字体单位，不管你的显示器分辨率是1024*768，还是800*600，同一篇文档打印 在纸面上的结果是一样的。
网页主要 是为了屏幕显示，而不是为了打印等其它需要的。
写网页用哪个长度单位更好，是px还是pt呢？
我个人比较偏向px，因为px能够精确地表示元素在屏幕中的位置和大小，网页主要是为了屏幕显示，而 不是为了打印等其它需要的。
CSS相对长度单位(relative length unit )
output device)而言的。拿pt来说，这是一个在文字排版工具 。
CSS相对长度单位中的相对二字，表明了其长度单位会随着它的参考值的变化而变化，不是固定的。
以下是CSS相对长度单位列表：
| CSS相对长度单位 | 说明 |
| em | 元素的字体高度The height of the element's font |
| ex | 字母x的高度The height of the letter "x " |
| px | 像素Pixels |
| % | 百分比Percentage |
CSS绝对长度单位(absolute length unit)
绝对长度单位是一个固定的值。比如 我们常用的有mm，就 是毫米的意思。
以下是CSS 北京网站制作绝对长度单位列表：
| CSS www.qitongnet.com绝对长度单位 | 说明 |
| in | 英寸Inches (1 英寸 = 2 .54 厘米 ) |
| cm | 厘米Centimeters |
| mm | 毫米Millimeters |
| pt | 点Points (1点 = 1/72英寸) |
| pc | 皮卡Picas (1 皮卡 = 12 点) |
北京网页设计北京网页设计