网页中对于文字的润色供给了良多撑持 ， 我们可以做到网页中像word一样来显示文字 。 今天我就来分享下在HTML加上CSS中供给的文字长度单元 ， 固然有的用不到可是也给我供给了一个方式和撑持 。
需要这些哦
CSS根本常识
HTML根本常识
方式/
1文字长度单元in（英寸）：一般英国利用的长度单元 ， 1英寸约等于2.51厘米 。 这里我在浏览器中显示1in的文字结果 。 具体代码：
<html>
<head>
<title>文字的长度</title>
</head>
<body>
<p style="font-size:1in">这里是文字长度的测试</p>
</body>
【CSS文本长度单位的总结与实例分析】</html>
文章插图
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>
经由过程比力可以看到执行成果完全一样 。
文章插图
3文字的长度单元mm：这个就是长度单元来暗示文字的大小的一个方式 。
<html>
<head>
<title>文字的长度</title>
</head>
<body>
<p style="font-size:10mm">这里是文字长度的测试</p>
<p style="font-size:1cm">这里是文字长度的测试</p>
</body>
</html>
经由过程10mm和1cm比力可以反映出执行成果的问题 。
文章插图
4文字的长度单元ex：以小写字母的高度为单元来显示的 ， 这个此刻良多都不撑持了 ， 利用的也很少 。
<html>
<head>
<title>文字的长度</title>
</head>
<body>
<p style="font-size:10ex">HtmL</p>
</body>
</html>
文章插图
5文字的长度单元em：这个是以字体的高度为单元的一种暗示方式 ， 其实就是百分比来显示的 。 em在CSS中 ， 1em等于100％ ， 是一个比率 ， 连系CSS担当关系利用 ， 具有矫捷性 。
<html>
<head>
<title>文字的长度</title>
</head>
<body>
<p style="font-size:10em">HtmL</p>
</body>
</html>
文章插图
6文字的长度单元pt：在电脑显示器中是一个尺度的长度单元 ， 1pt等于1/72英寸 ， 这个单元经常用于印刷业 ， 很是简单易用的一个单元 。
推荐阅读
- WPS中如何进行数值和文本格式数字转换
- 用css制作简单的导航栏效果——悬停改变
- word怎么给文本更换设计样式
- CSS中animation动画属性使用详解
- HTML+CSS3设置圆角边框、圆形
- QQ怎么开启语音消息自动转文本
- 如何使用cad画固定长度直线
- 在word中添加编号：文本编号
- CSS如何实现在透明框中显示文字
- CSS3创建多列布局的属性使用详解