CSS-6.1-CSS单位

最新推荐文章于 2025-08-12 20:00:00 发布

原创最新推荐文章于 2025-08-12 20:00:00 发布 · 283 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS单位

WEB前端同时被 2 个专栏收录

61 篇文章

订阅专栏

CSS

19 篇文章

订阅专栏

CSS-6.1-CSS单位

一：CSS的单位
- 1、绝对单位
- 2、相对单位

一：CSS的单位

HTML中的单位只有一种，是像素px，所以可以省略
CSS没有默认单位，必须要写上，否则无效

1、绝对单位

1 in = 2.54 cm = 25.4 mm = 72 pt = 6 pc
in
- 英寸lnches(1英寸=2.54厘米)
cm
- 厘米Centimeters
mm
- 毫米Millimeters
pt
- 点Points,英镑(1点=1/72英寸)
pc
- 皮卡Picas(1皮卡=12点)

2、相对单位

px
- 像素
em
- 印刷单位相当于12个点
%
- 百分比，相对周围的文字大小

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>相对单位</title>
	<style type="text/css">
		/* 文字的大小相对于周边文字的两倍 */
		p label{
			font-size: 200%;
		}
	</style>
</head>
<body>
	<p>我爱<label>中国</label></p>
</body>
</html>