CSS中都有哪些单位可以使用?

2026-03-30 08:040阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1688个文字,预计阅读时间需要7分钟。

CSS中都有哪些单位可以使用?

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中都有哪些单位可以使用?

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是相对长度单位。

阅读全文