如果我們相給頁面設置顏色可以采用多種方法進行設置:
古縣ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!
假設在設置頁面的顏色時覺得一部分很小的顏色集中就足夠了,就可以直接給定顏色的名稱。CSS稱這些有名稱的顏色為命名顏色。
命名顏色的關(guān)鍵字有限,css定義了17個標準色:淺綠色,黑色,藍色,紫紅色,灰色,橙色,綠色,石灰,栗色,海軍,橄欖,紫,紅,銀,藍綠色,白色和黃色。
有的時候也許使用其他顏色值,并不在標準顏色之內(nèi)的顏色也可以使用,它之所以能起作用,原因是大多數(shù)的web瀏覽器能識別多達140個顏色,包括前面說的17種顏色。
計算機通過組合不同的紅色、藍色、綠色分量來創(chuàng)造顏色。這種組合通常被稱為RGB顏色??梢灾苯釉L問這些顏色,通過調(diào)整紅、綠、藍分量來最大限度的控制顏色。所有瀏覽器都支持 RGB 顏色值。
RGB 顏色值是這樣規(guī)定的:rgb(red, green, blue)。每個參數(shù) (red、green 以及 blue) 定義顏色的強度,可以是整數(shù)三元組表示法:參數(shù)介于 0 與 255 之間的整數(shù),或者是百分比值(從 0% 到 100%)。
百分數(shù)記法:分別指定白色和黑色,值將指定為:
rgb(100%,100%,100%)
rgb(0%,0%,0%)
整數(shù)三元組記法,相同的顏色表示如下
rgb(255,255,255)
rgb(0,0,0)
專門建立的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享學習方法和需要注意的小細節(jié),不停更新最新的教程和學習技巧(從零基礎(chǔ)開始到前端項目實戰(zhàn)教程,學習工具,全棧開發(fā)學習路線以及規(guī)劃)
在百分數(shù)記法中也可以使用分數(shù),假設如果向指定某一顏色的紅色分量為25.5%,綠色分量為40%,藍色分量為98.2%,如果用戶代理忽略小數(shù)點,就會把這些值取整為與之最接近的整數(shù)。當然整數(shù)取值法只能使用整數(shù)。如下所示:
h3{color:rgb(25.5%,40%,98.2%)} 轉(zhuǎn)換為 h3{color:rgb(26%,40%,98%)}
無論哪種記法,如果值落在可取范圍之外,都會變動到最接近的范圍邊界。當一個值大于100%或是小于0%都會默認的調(diào)整到100%或0%(這是可取的最大和最小值)
h3{color:rgb(200%,-40%,0%)} 轉(zhuǎn)換為 h3{color:rgb(100%,0%,0%)}
h3{color:rgb(42,500,-20)} 轉(zhuǎn)換為h3{color:rgb(42,255,0)}
假設有一個顏色為rgb(25%,37.5%,60%),將其轉(zhuǎn)換為整數(shù)記法,百分數(shù)乘以255,就會得到63.75、95.625、153。再將這些值取整為最接近的整數(shù),記得到了rgb(64,96,153)。
所有瀏覽器都支持十六進制顏色值。
十六進制顏色是這樣規(guī)定的:#RRGGBB,其中的 RR(紅色)、GG(綠色)、BB(藍色)十六進制整數(shù)規(guī)定了顏色的成分。所有值必須介于 0 與 FF 之間。大寫小寫都可以。
如果組成十六進制的三組數(shù)各自都是成對的,還允許一種簡寫方法,這種寫法一般都是#RGB
如 h3{color:#FFF}=h3{color:#FFFFFF}
瀏覽器會取一位,并將其復制成兩位。因此#FF0000等價于#F00。
RGBA 顏色值得到以下瀏覽器的支持:IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+。
RGBA 顏色值是 RGB 顏色值的擴展,帶有一個 alpha 通道 - 它規(guī)定了對象的不透明度。
RGBA 顏色值是這樣規(guī)定的:rgba(red, green, blue, alpha)。alpha 參數(shù)是介于 0.0(完全透明)與 1.0(完全不透明)的數(shù)字。
HSL 顏色值得到以下瀏覽器的支持:IE9+、Firefox、Chrome、Safari 以及 Opera 10+。
HSL 指的是 hue(色調(diào))、saturation(飽和度)、lightness(亮度) - 表示顏色柱面坐標表示法。
HSL 顏色值是這樣規(guī)定的:hsl(hue, saturation, lightness)。
Hue 是色盤上的度數(shù)(從 0 到 360) - 0 (或 360) 是紅色,120 是綠色,240 是藍色。Saturation 是百分比值;0% 意味著灰色,而 100% 是全彩。Lightness 同樣是百分比值;0% 是黑色,100% 是白色。
HSLA 顏色值得到以下瀏覽器的支持:IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+。
HSLA 顏色值是 HSL 顏色值的擴展,帶有一個 alpha 通道 - 它規(guī)定了對象的不透明度。
HSLA 顏色值是這樣規(guī)定的:hsla(hue, saturation, lightness, alpha),其中的 alpha 參數(shù)定義不透明度。alpha 參數(shù)是介于 0.0(完全透明)與 1.0(完全不透明)的數(shù)字。
web安全顏色是指,在256色計算機系統(tǒng)上可以避免抖動的顏色,保證網(wǎng)頁顏色可以正確顯示。web安全顏色可以表示為RGB值20%和51(相應的十六進制值為33)的倍數(shù)。另外,0%或0也是一個安全值。
本文名稱:web前端入門到實戰(zhàn):css中顏色
當前網(wǎng)址:http://jinyejixie.com/article34/jjpgpe.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設、品牌網(wǎng)站建設、App設計、網(wǎng)站排名、網(wǎng)站導航、微信小程序
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)