CSS长度单位参考

下载文档

ID：37915679

大小：82.50 KB

页数：10页

时间：2019-06-02

收藏

资源描述：

《CSS长度单位参考》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS长度单位参考(教材：Web编程基础P.68)在CSS样式表中，我们经常会看到pt，px，em，ex，in等这类长度单位。它们各是什么意思，有什么区别呢？在CSS样式表中，长度单位分两种：§相对长度单位，如px,em等§绝对长度单位，如pt,mm等也谈px和pt的区别经常看到有人拿px和pt比较，主要是为了争辩在确定字体大小(font-size)或其它CSS属性大小时，用什么样的CSS长度单位更加好。有人说，用pt更好，因为pt是绝对长度单位，不会因为屏幕分辨率大小，或者其它因素而改变。我去做了一个测试，写了这样一个HTM

2、L例子。代码如下：Font-sizeis20pt

Font-sizeis20px

点击浏览文件我将我的显示器分别调到1024*768和800*600的分辨率(指screenresolution)。不管是用pt还是用px设置的字体，都随着分辨率变化而变化。(我使用的浏览器是

3、IE6，其它浏览器上尚未测试过。)我又写了另外一个HTML例子，测试一下cm(厘米)。代码如下：以下div宽度300pt，高度30pt：

以下div宽度300px，高度30px：

4、solidblue;">

以下div宽度10cm，高度3cm：

5、而言，相对长度和绝对长度没有本质差别。任何单位其实都是像素，差别只是比例不同。如果把讨论扩展到其它输出设备，比如打印机，基本的长度单位可能不是像素，而是其它的和生活中的度量单位一致的单位了。CSS绝对长度单位是对于输出设备(outputdevice)而言的。拿pt来说，这是一个在文字排版工具(word,adobe等)中非常常用的字体单位，不管你的显示器分辨率是1024*768，还是800*600，同一篇文档打印在纸面上的结果是一样的。写网页用哪个长度单位更好，是px还是pt呢？我个人比较偏向px，因为px能够精确地表示元素在屏

6、幕中的位置和大小，网页主要是为了屏幕显示，而不是为了打印等其它需要的。CSS相对长度单位(relativelengthunit)CSS相对长度单位中的相对二字，表明了其长度单位会随着它的参考值的变化而变化，不是固定的。以下是CSS相对长度单位列表：CSS相对长度单位说明em元素的字体高度Theheightoftheelement'sfont当前字体中m字母的宽度ex字母x的高度Theheightoftheletter"x"当前字体中x字母的高度px像素Pixels%百分比PercentageCSS绝对长度单位(absolute

7、lengthunit)绝对长度单位是一个固定的值。比如我们常用的有mm，就是毫米的意思。以下是CSS绝对长度单位列表：CSS绝对长度单位说明in英寸Inches(1英寸=2.54厘米)cm厘米Centimetersmm毫米Millimeterspt点Points(1点=1/72英寸)pc皮卡Picas(1皮卡=12点)CSS属性单位由于样式表项就是由属性及其值组成的，因此有必要了解属性值的各种单位。在CSS中，各种单位与在HTML中有所不同，请读者注意区分。1、长度单位缩写  单位类型             说明cm    

8、  厘米em      ems         当前字体中m字母的宽度ex     exs       当前字体中x字母的高度in      英寸       mm      毫米pc      Picas       1pica=12点pt      点