14、CSS中颜色设置方法

html-css016

14、CSS中颜色设置方法,第1张

在我们的显示屏中,一个像素点由三原色构成,分别为:红、绿、蓝。然而在计算机中使用0-255来表示某个原色的不同程度,在二进制中,可以使用八位二进制(00000000-11111111)进行表示。在十六进制中用( 00-ff )表示。那么红色(0-255),绿色(0-255),蓝色(0-255)三原色组成的颜色就有256*256*256种,组成了屏幕中五彩缤纷的画面。

由此就可以衍生出颜色的表示方式:

加入透明度:

使用色相表示(hsl):

这是一种将所有颜色对应成一个圆,一个角度代表一种颜色,所以取值范围为0-360,但是它还包括了饱和度和亮度。

h:0-360,色相

s:0-100%,饱和度

l:0-100%,亮度

例如:hsl(0, 50%, 50%)

font-size:<absolute-size>| <relative-size>| <length>| <percentage>

取值:

<absolute-size>:

根据对象字号进行调节。以 medium 作为基础参照,xx-small相当于medium 3/5 (h6),x-small: 3/4,small: 8/9 (h5),medium: 1 (h4),large: 6/5 (h3),x-large: 3/2 (h2),xx-large: 2/1 (h1),

<relative-size>:

相对于父对像中字号进行相对调节。使用成比例的em单位计算。

<length>:

用长度值指定文字大小。不允许负值。

<percentage>:

用百分比指定文字大小。其百分比取值是基于父对象中字体的尺寸。不允许负值。

因为的css路径书写错,或者是在浏览器中禁止掉了css的加载。根据查询苹果官网得知,因为的css路径书写错,或者是在浏览器中禁止掉了css的加载,所以14css块不显示,可以重新启动浏览器刷新,在文件中css的调用,一般都是通过link加上你的路径来实现。