CSS单位

来源：互联网发布：ipad下载软件要钱编辑：程序博客网时间：2024/04/24 14:08

CSS长度单位

单位描述%百分比in英寸cm厘米mm毫米em

1em 等于当前的字体尺寸。

2em 等于当前字体尺寸的两倍。

例如，如果某元素以 12pt 显示，那么 2em 是24pt。

在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。

ex一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)pt磅 (1 pt 等于 1/72 英寸)pc12 点活字 (1 pc 等于 12 点)px像素 (计算机屏幕上的一个点

或者是像xx-small、x-small、small、medium、large、xx-large这样的关键字，浏览器会将这些关键字转换成默认的像素值。

重点讨论一下以下几个单位。em是相对于当前的font-size大小而言的，1.2em就是当前font-size的1.2倍，在CSS3中引入了rem单位，表示"font size of the root element"，也就是根元素<html>，rem无疑比em更好用；in、cm、mm、pt、pc等都与屏幕分辨率有关，都是近似尺寸；px表示屏幕上的一个像素点；百分比用于表示该属性值相对于另一个值的百分比，对于font-size等属性，就是父元素的该属性值的百分比。

CSS颜色单位

单位描述(颜色名)颜色名称 (比如 red)rgb(x,x,x)RGB 值 (比如 rgb(255,0,0))rgb(x%, x%, x%)RGB 百分比值 (比如 rgb(100%,0%,0%))#rrggbb十六进制数 (比如 #ff0000)

1 0