搜索
写经验 领红包

css颜色表示方法和度量单位是什么(css颜色值表达方式)

在生活中,很多人可能想了解和弄清楚css颜色表示方法和度量单位的相关问题?那么关于css颜色表示方法和度量单位是什么的答案我来给大家详细解答下。

css颜色表示方法和度量单位是什么(css颜色值表达方式)

我们在做网页布局时经常会设置颜色和长度单位。颜色主要有三种形式:颜色名称、十六进制代码和十进制代码。大多情况我们选择用英文单词或者是16进制来设置字体或背景颜色,当然十进制和16进制能够相互转换,可以通过photoshop或者在线转化工具来实现。度量单位也是网页设计比较重要一部分,在CSS中长度单位分为绝对长度和相对长度。下面介绍一些颜色用法和度量单位。

一、颜色用法:

十六进制颜色用6位数字表示,就像photoshop里的rgb颜色一样,通过6位数的排列组合可以形成不同的颜色。

photoshop中的rgb颜色

但是下列6位数字的颜色可以用3位数字来表示。

①fff

②f00

③0f0

④00f

在photoshop中rgb就是红,绿,蓝三种颜色,只要是AABBCC形式的颜色就可以分别提取

这三种颜色中的一个数字组合成三个数字的颜色。

二、度量单位

①绝对单位

(a)in表示英寸

(b)cm表示厘米

(c)mm表示毫米

(d)pt表示磅

(e)pc表示pica

上面的绝对单位在css当中一般不使用。

②相对单位

(a)em与字体大小有关,会根据父元素字体大小而改变,父元素背景高度会随字体大小变化。

(b)rem与根元素的字体大小有关

(c)px像素,与分辨率有关,背景高度不会随字体大小改变,绝对单位,相对的特性。

(d)%与父元素字体大小或者区块大小与有关。

温馨提示:通过以上关于css颜色表示方法和度量单位内容介绍后,相信大家有新的了解,更希望可以对你有所帮助。