Css中color属性的几种表达方法

2020-07-07 19:36 admin

Css中color属性的几种表达方法


短视频,自媒体,达人种草一站效劳

我们我们在制造网站、编写css代码的时分,总会时不时的用到color属性。作为网页制造过程当中最常用到的属性之一 ,我们知道color有几种表达方法吗?今天我就带我们一同来看一下。

第一种方法:直接用色彩名称来指定色彩

这种方法是最常用到的方法之一,比如用color:red;来指定其时属性的色彩为赤色;用color:yellow;来指定其时其时属性的色彩为黄色等等。这种方法的特点是用起来比较简略,直接写色彩名称即可。但缺点相同显着,一是色彩名称繁复,想要写色彩值,需要娴熟记忆众多色彩的英文名称,关于英语比较差的人来说,多是一种糟糕的体验。二是色彩值表明不准确。比如色彩代码color:forestgreen;指定其时属性色彩为森林绿。 在不同的阅读器中,这个色彩的显示可能会有所不同,

第二种方法:用十六进制代码来指定色彩

这种方法也是最常用的方法之一。用这种方法填写的color特点值,不只十分准确,并且色彩的品种也比用色彩名称所代表的色彩品种多的多。比如假如想将色彩设为纯蓝色,可以写成color: #0000FF;可是,请一定要记住,在详细的色彩代码前有一个#号,这个符号一定不要忘写了。

第三种方法:RGB:rgb(red,green,blue)

这种方法相对以上两种方法没有那么常见,可是也常常用到。这个属性用三种色彩属性分别代表三个通道。第一个通道为赤色,第二个通道为绿色,第三个通道为蓝色。我们都知道,红绿蓝三种色彩被合称称为三原色,这三种色彩彼此交错就能够构成其他各式各样的色彩。所以,只需在css中设置好这三种色彩,就能够构成各式各样的色彩。比如,我要设置纯蓝这种色彩,那么我就能够写成color:rgb(0,0,255);

第四种方法:RGBA:rgba(red,green,blue,alpha)

这种方法其实适当于是第三种方法的拓展,只不过是在第三种方法后边添加了一个alpha属性罢了。我们都知道,在网页规划模块中,有的时分,需要用到具有一定通明度的色彩。这个时分我们就需要用到alpha属性了。这个属性控制色彩的通明度,它的值是(0,1),也就是说0到1之间,值越小,不通明度也就越小。比如,我要将纯蓝色彩的通明度调低,那么我可以写成rgb(0,0,255,0.5);这句代码的意思就是纯蓝色彩,0.5的不通明度。

娴熟把握以上几种方法,就足以敷衍网站规划过程当中关于色彩的设置,期望可以帮到我们。