CSS

成都創(chuàng)新互聯網站建設提供從項目策劃、軟件開發(fā)，軟件安全維護、網站優(yōu)化(SEO)、網站分析、效果評估等整套的建站服務，主營業(yè)務為網站設計、成都網站建設，重慶App定制開發(fā)以傳統方式定制建設網站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。成都創(chuàng)新互聯深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網頁，還可以配合各種腳本語言動態(tài)地對網頁各元素進行格式化。CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。

如果我們相給頁面設置顏色可以采用多種方法進行設置：

一、命名顏色

假設在設置頁面的顏色時覺得一部分很小的顏色集中就足夠了，就可以直接給定顏色的名稱。CSS稱這些有名稱的顏色為命名顏色。

命名顏色的關鍵字有限，css定義了17個標準色：淺綠色，黑色，藍色，紫紅色，灰色，橙色，綠色，石灰，栗色，海軍，橄欖，紫，紅，銀，藍綠色，白色和黃色。

有的時候也許使用其他顏色值，并不在標準顏色之內的顏色也可以使用，它之所以能起作用，原因是大多數的web瀏覽器能識別多達140個顏色，包括前面說的17種顏色。

（二）、RGB指定顏色

計算機通過組合不同的紅色、藍色、綠色分量來創(chuàng)造顏色。這種組合通常被稱為RGB顏色。可以直接訪問這些顏色，通過調整紅、綠、藍分量來大限度的控制顏色。所有瀏覽器都支持 RGB 顏色值。

RGB 顏色值是這樣規(guī)定的：rgb(red, green, blue)。每個參數 (red、green 以及 blue) 定義顏色的強度，可以是整數三元組表示法：參數介于 0 與 255 之間的整數，或者是百分比值（從 0% 到 100%）。

百分數記法：分別指定白色和黑色，值將指定為：

rgb(100%,100%,100%)
rgb(0%,0%,0%)

整數三元組記法，相同的顏色表示如下

rgb(255,255,255)
rgb(0,0,0)
專門建立的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①②  分享學習方法和需要注意的小細節(jié)，不停更新最新的教程和學習技巧（從零基礎開始到前端項目實戰(zhàn)教程，學習工具，全棧開發(fā)學習路線以及規(guī)劃）

在百分數記法中也可以使用分數，假設如果向指定某一顏色的紅色分量為25.5%，綠色分量為40%，藍色分量為98.2%，如果用戶代理忽略小數點，就會把這些值取整為與之最接近的整數。當然整數取值法只能使用整數。如下所示：

h3{color:rgb(25.5%，40%，98.2%)}  轉換為  h3{color:rgb(26%，40%，98%)}

無論哪種記法，如果值落在可取范圍之外，都會變動到最接近的范圍邊界。當一個值大于100%或是小于0%都會默認的調整到100%或0%（這是可取的大和最小值）

h3{color:rgb(200%，-40%，0%)}  轉換為  h3{color:rgb(100%，0%，0%)}

h3{color:rgb(42，500，-20)}  轉換為h3{color:rgb(42，255,0)}

假設有一個顏色為rgb（25%，37.5%，60%），將其轉換為整數記法，百分數乘以255，就會得到63.75、95.625、153。再將這些值取整為最接近的整數，記得到了rgb（64,96,153）。

（三）、十六進制RGB顏色

所有瀏覽器都支持十六進制顏色值。

十六進制顏色是這樣規(guī)定的：#RRGGBB，其中的 RR（紅色）、GG（綠色）、BB（藍色）十六進制整數規(guī)定了顏色的成分。所有值必須介于 0 與 FF 之間。大寫小寫都可以。

如果組成十六進制的三組數各自都是成對的，還允許一種簡寫方法，這種寫法一般都是#RGB

如 h3{color:#FFF}=h3{color:#FFFFFF}

瀏覽器會取一位，并將其復制成兩位。因此#FF0000等價于#F00。

（四）、RGBA顏色值

RGBA 顏色值得到以下瀏覽器的支持：IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+。

RGBA 顏色值是 RGB 顏色值的擴展，帶有一個 alpha 通道 - 它規(guī)定了對象的不透明度。

RGBA 顏色值是這樣規(guī)定的：rgba(red, green, blue, alpha)。alpha 參數是介于 0.0（完全透明）與 1.0（完全不透明）的數字。

（五）、HSL 顏色

HSL 顏色值得到以下瀏覽器的支持：IE9+、Firefox、Chrome、Safari 以及 Opera 10+。

HSL 指的是 hue（色調）、saturation（飽和度）、lightness（亮度） - 表示顏色柱面坐標表示法。

HSL 顏色值是這樣規(guī)定的：hsl(hue, saturation, lightness)。

Hue 是色盤上的度數（從 0 到 360） - 0 (或 360) 是紅色，120 是綠色，240 是藍色。Saturation 是百分比值；0% 意味著灰色，而 100% 是全彩。Lightness 同樣是百分比值；0% 是黑色，100% 是白色。

（六）、HSLA 顏色

HSLA 顏色值得到以下瀏覽器的支持：IE9+、Firefox 3+、Chrome、Safari 以及 Opera 10+。

HSLA 顏色值是 HSL 顏色值的擴展，帶有一個 alpha 通道 - 它規(guī)定了對象的不透明度。

HSLA 顏色值是這樣規(guī)定的：hsla(hue, saturation, lightness, alpha)，其中的 alpha 參數定義不透明度。alpha 參數是介于 0.0（完全透明）與 1.0（完全不透明）的數字。

（七）、web安全顏色

web安全顏色是指，在256色計算機系統上可以避免抖動的顏色，保證網頁顏色可以正確顯示。web安全顏色可以表示為RGB值20%和51（相應的十六進制值為33）的倍數。另外，0%或0也是一個安全值。

• 如果使用RGB百分數，要讓所有這三個分量要么是0%，要么是能被20整除的數值，例如rgb（40%，100%，80%）或rgb（60%，0%，0%）。
• 如果使用0~255范圍的RGB值，則分量要么是0，要么是能被51整除的數，如rgb（0,204,153）或rgb（255,0,102）
• 采用十六進制記法，使用值為00、33、66、99、CC和FF的三元組都認為是Web安全的。這種例子還有#669933、#00CC66和#FF00FF。這說明，web安全顏色的簡寫十六進制值是0、3、6、9、C和F。因此#693、#0C6、#F0F都是web安全顏色的例子。

另外有需要云服務器可以了解下創(chuàng)新互聯cdcxhl.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前名稱：css中的顏色定義和使用-創(chuàng)新互聯
文章地址：http://www.chinadenli.net/article18/gsgdp.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站排名、建站公司、電子商務、動態(tài)網站、網站內鏈、外貿建站

廣告

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