CSS文本长度单位的总结与实例分析
1、文字长度单位in（英寸）：一般英国使用的长度单位，1英寸约等于2.51厘米。这里我在浏览器中显示1in的文字效果。具体代码：
<html>
<head>
<title>文字的长度</title>
</head>
<body>
<p style="font-size:1in">这里是文字长度的测试
</body>
</html>
2、文字的长度单位cm（公分）：公分也叫厘米。这里我为了和上面的例子做比较也用2.54厘米来说明问题，具体代码如下：
<html>
<head>
<title>文字的长度</title>
</head>
<body>
<p style="font-size:1in">这里是文字长度的测试
<p style="font-size:2.54cm">这里是文字长度的测试
</body>
</html>
通过比较可以看到执行结果完全一样。
3、文字的长度单位mm：这个就是长度单位来表示文字的大小的一个方法。
<html>
<head>
<title>文字的长度</title>
</head>
<body>
<p style="font-size:10mm">这里是文字长度的测试
<p style="font-size:1cm">这里是文字长度的测试
</body>
</html>
通过10mm和1cm比较可以反应出执行结果的问题。
4、文汽涛字的长度单位ex：以小写字母的高度为单位来显示的，这个现在很多都不支持了，使用的也很少。
<html>
<head>
<title>文字的长度</title>
</head>
<body>
<译毙p style="font-size:10ex">HtmL
</body>
</html>
5、文字的长度单位em：这个是以字体的高度为单位的一种表示方法，其实就是百分比来显示的。em在CSS中，1em等于100％，是一个比率，结合CSS继承关系使用，具有灵活性。
<html>
<head>
<title>文字的长度</title>
</head>
<body>
<p style="font-size:10em">HtmL
</body>
</html>
6、文字的长度单位pt：在电脑显示器中是一个标准的长度单位，1pt等于1/72英寸，这个单位常常用于印刷业，非常简单易用的一个单位。
<html>
<head>
<title>文字的长度</title>
</head>
<body>
<p style="font-size:72pt">HtmL
<p style="font-size:1in">HtmL
</body>
</html>
通过72in个1pt的比较来阐述这个单位，可以直观的反应出他的大小的。
7、文字的长度单位px：像素,屏幕上显示的最小单位，这个常常用于网页设计中非常直观并且方便；示例代码如下
<html>
<head>
<title>散塑包文字的长度</title>
</head>
<body>
<p style="font-size:36px">HtmL
</body>
</html>
通过以上的例子我们学习了文字长度的单位，通过不同单位来描述文字大小需要根据不同的定义来设置其值。
