CSS中都有哪些单位可以使用?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1688个文字,预计阅读时间需要7分钟。
CSS单位包括:百分比(%),百分比值(in),英寸(cm),厘米(mm),毫米(em),像素(px),视窗宽度的百分比(vw),视窗高度的百分比(vh)。
css单位有:%,百分比;in,英寸;cm,厘米;mm,毫米;em;pt,磅(1pt等于1/72英寸);pc,12点活字(1pc等于12点);px,像素(计算机屏幕上的一个点);vw,全屏幕宽为100vw;Vh,全屏幕高为100vh。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
% 百分比
in 英寸
cm 厘米
mm 毫米
em
1em 等于当前的字体尺寸。
2em 等于当前字体尺寸的两倍。
例如,如果某元素以 16px 显示,那么 2em 是32px。
在 CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体。
ex 一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)
pt 磅 (1 pt 等于 1/72 英寸)
pc 12 点活字 (1 pc 等于 12 点)
px 像素 (计算机屏幕上的一个点)
vw:(取值1-100),理解全屏幕宽为100vw,自适应屏幕。
Vh:(取值1-100),理解全屏幕高为100vh,自适应屏幕。
扩展资料:
1、em与px的问题
px是何物?
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)
em是相对长度单位。
本文共计1688个文字,预计阅读时间需要7分钟。
CSS单位包括:百分比(%),百分比值(in),英寸(cm),厘米(mm),毫米(em),像素(px),视窗宽度的百分比(vw),视窗高度的百分比(vh)。
css单位有:%,百分比;in,英寸;cm,厘米;mm,毫米;em;pt,磅(1pt等于1/72英寸);pc,12点活字(1pc等于12点);px,像素(计算机屏幕上的一个点);vw,全屏幕宽为100vw;Vh,全屏幕高为100vh。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
% 百分比
in 英寸
cm 厘米
mm 毫米
em
1em 等于当前的字体尺寸。
2em 等于当前字体尺寸的两倍。
例如,如果某元素以 16px 显示,那么 2em 是32px。
在 CSS 中,em 是非常有用的单位,因为它可以自动适应用户所使用的字体。
ex 一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)
pt 磅 (1 pt 等于 1/72 英寸)
pc 12 点活字 (1 pc 等于 12 点)
px 像素 (计算机屏幕上的一个点)
vw:(取值1-100),理解全屏幕宽为100vw,自适应屏幕。
Vh:(取值1-100),理解全屏幕高为100vh,自适应屏幕。
扩展资料:
1、em与px的问题
px是何物?
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)
em是相对长度单位。

