旅游景点 旅游攻略 生活知识 文化旅游 旅游景区 昆明旅游 桂林旅游 乡村旅游 上海旅游 知识问答

CSS文本长度单位的总结与实例分析

时间:2024-11-02 12:35:51

1、文字长度单位in(英寸):一般英国使用的长度单位,1英寸约等于2.51厘米。这里我在浏览器中显示1in的文字效果。具体代码:<html> <head> <title>文字的长度</title> </head> <body> <p style="font-size:1in">这里是文字长度的测试</p> </body></html>

CSS文本长度单位的总结与实例分析

2、文字的长度单位cm(公分):公分也叫厘米。这里我为了和上面的例子做比较也用2.54厘米来说明问题,具体代码如下:<稆糨孝汶;html> <head> <title>文字的长度</title> </head> <body> <p style="font-size:1in">这里是文字长度的测试</p> <p style="font-size:2.54cm">这里是文字长度的测试</p> </body></html>通过比较可以看到执行结果完全一样。

CSS文本长度单位的总结与实例分析

3、文字的长度单位mm:这个就是长度单位来表示文字的士候眨塄大小的一个方法。<html> <head> <title>文字的长度</title> </head> <body> <p style="font-size:10mm">这里是文字长度的测试</p> <p style="font-size:1cm">这里是文字长度的测试</p> </body></html>通过10mm和1cm比较可以反应出执行结果的问题。

CSS文本长度单位的总结与实例分析

4、文字的长度单位ex:以小写字母的高度为单位来显示的,这个现在很多都不支持了,使用的也很少。<html> <head> <title>文字的长度</title> </head> <body> <p style="font-size:10ex">HtmL</p> </body></html>

CSS文本长度单位的总结与实例分析

5、文字的长度单位em:这个是以字体的高度为单位的一种表示方法,其实就是百分比来显示的。em在CSS中,1em等于100%,是一个比率,结合CSS继承关系使用,具有灵活性。<html> <head> <title>文字的长度</title> </head> <body> <p style="font-size:10em">HtmL</p> </body></html>

CSS文本长度单位的总结与实例分析

6、文字的长度单位pt:在电脑显示器中是一个标准的长俣觊鄄幼度单位,1pt等于1/72英寸,这个单位常常用于印刷业,非常简单易用的一个单位。<html> <head> <title>文字的长度</title> </head> <body> <p style="font-size:72pt">HtmL</p> <p style="font-size:1in">HtmL</p> </body></html>通过72in个1pt的比较来阐述这个单位,可以直观的反应出他的大小的。

CSS文本长度单位的总结与实例分析

7、文字的长度单位px:像素,屏幕上显示的最小单位,这个常常用于网页设计中非常直观并且方便;示例代码如下<html> <head> <title>文字的长度</title> </head> <body> <p style="font-size:36px">HtmL</p> </body></html>通过以上的例子我们学习了文字长度的单位,通过不同单位来描述文字大小需要根据不同的定义来设置其值。

CSS文本长度单位的总结与实例分析
© 2026 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com