Css代碼中color屬性的幾種常見用法及區(qū)別

大家在制作網(wǎng)站和編寫css代碼的時(shí)候，經(jīng)常都會(huì)使用到color屬性，這也是一個(gè)網(wǎng)頁在制作中非常常見的屬性，但是，就是這樣一個(gè)最常用的屬性也有多種表達(dá)方法，可以在不同的時(shí)候派上用場(chǎng)。

一、十六進(jìn)制代碼指定顏色

這是在使用color屬性是最常用的方法之一，這種方法的優(yōu)點(diǎn)在于對(duì)于顏色的選擇十分的精確，并且可以選擇的顏色種類也非常多，因?yàn)樗梢酝ㄟ^代碼來實(shí)現(xiàn)顏色的微調(diào)。比如，在十六進(jìn)制代碼中，純藍(lán)色的代碼為color:#0000FF;當(dāng)然，需要注意的是，使用這種代碼一定要在顏色代碼前添加#符號(hào)，如果忘記的話是沒有效果的。

二、直接用顏色的英文名稱來選擇顏色

這個(gè)方法與第一種方法一樣，都是在使用color屬性的過程中最為常用的方法之一。它的特點(diǎn)是十分簡(jiǎn)單，只需要記住顏色的英文名字就可以使用了，如紅色的代碼為color:red;黃色的代碼為color:yellow;而藍(lán)色的代碼就是color:blue;但是，方便使用是相對(duì)的，在使用較為常見或是純色的時(shí)候，使用這種方式非常簡(jiǎn)單，但如果是一些具有變化的顏色時(shí)，它就會(huì)讓一些人感到抓狂了，因?yàn)槿绻皇褂眠@一種方式的話，就意味著你要記住每一種顏色的英文名字且不能混淆。同時(shí)，這種方式選擇的顏色并不是十分精確，所以就導(dǎo)致了如果使用不同的瀏覽器打開同一個(gè)網(wǎng)站，看到的顏色卻是有所偏差的，這就無法體現(xiàn)出完整的設(shè)計(jì)效果了。

三、使用RGB:rgb模式進(jìn)行顏色的選擇

如果是學(xué)過設(shè)計(jì)的人，那么對(duì)于RGB一定非常的熟悉，因?yàn)檫@是在設(shè)計(jì)的過程中使用的最多的選擇顏色的方式之一，但是在css代碼的color屬性中，這種方式卻并不是那么常用，但這也是一個(gè)能夠非常精確的選取顏色的辦法。

RGB即光的三原色：紅色、綠色、藍(lán)色。讓這三種顏色以不同的比例進(jìn)行調(diào)和，就可以展現(xiàn)出各種各樣的顏色，所以只要在css中設(shè)置好這三種顏色的比例，也可以非常精確的選擇出自己想要的顏色。但是由于使用這個(gè)辦法要對(duì)每一種顏色的比例非常了解，所以使用起來具有一定的難度，也需要反復(fù)調(diào)試才能做到。在這種模式中，每一個(gè)顏色分為255份，舉一個(gè)簡(jiǎn)單的例子，如果想要選擇純紅色，只需輸入color:rgb(255,0,0);即可。

四、進(jìn)階的RGBA:rgba方法

這種顏色選擇方法是基于RGB:rgb方法的一個(gè)升級(jí)版，在后面加入的變量是alpha，也就是透明度。我們都知道，在網(wǎng)站的制作中，常常會(huì)產(chǎn)生對(duì)于一些半透明顏色的需求，那么此時(shí)，就需要用到alpha這個(gè)屬性了，因?yàn)檫@個(gè)屬性控制的就是顏色的透明度。Alpha屬性的值介于0到1之間，即如果alpha=1，那么顏色就是完全不透明的;相反，如果alpha=0，那么顏色就是完全透明的，所以如果需要一個(gè)半透明的顏色，將alpha的值設(shè)置為0.5即可，這樣就可以讓站長(zhǎng)根據(jù)自己的需求來選擇顏色的透明度了。

文章名稱：Css代碼中color屬性的幾種常見用法及區(qū)別
本文鏈接：http://www.muchs.cn/news35/38135.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、App設(shè)計(jì)、搜索引擎優(yōu)化、云服務(wù)器、網(wǎng)站導(dǎo)航、手機(jī)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)