第3章 css屬性color的RGBA值

2022-09-15 21:54:28 字數 942 閱讀 8512

rgb是一種色彩標準,是由紅(r)、綠(g)、藍(b)的變化以及相互疊加來得到各式各樣的顏色。rgba是在rgb的基礎上增加了控制alpha透明度的引數。

語法:

color:rgba(r,g,b,a)
以上r、g、b三個引數,正整數值的取值範圍為:0 - 255。百分數值的取值範圍為:0.0% - 100.0%。超出範圍的數值將被截至其最接近的取值極限。並非所有瀏覽器都支援使用百分數值。a為透明度引數,取值在0~1之間,不可為負值。

**示例:

background-color:rgba(100,120,60,0.5);
漸變色彩

css3 gradient分為線性漸變(linear)和徑向漸變(radial)。由於不同的渲染引擎實現漸變的語法不同,這裡我們只針對線性漸變的 w3c 標準語法來分析其用法,其餘大家可以查閱相關資料。w3c 語法已經得到了 ie10+、firefox19.0+、chrome26.0+ 和 opera12.1+等瀏覽器的支援。

這一小節我們來說一下線性漸變:

引數:第乙個引數省略時,預設為「180deg」,等同於「to bottom」。

第二個和第三個引數,表示顏色的起始點和結束點,可以有多個顏色值。

background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);
效果圖:

第3章CSS文字效果

p 以上css 中宣告了4種字型,瀏覽器渲染字型的規則為 優先選擇黑體,如果使用者的電腦中沒有黑體字體,則選擇arial。如果一直選到最後都沒有,則選擇瀏覽器預設的字型。如果字型名稱中含有空格,則新增這個字型的時候要加上雙引號,如 times new roman 如果網頁中需要特殊字型,也可以通過圖...

第3章DOM詳解(屬性操作)

dom就是 html 文件的模型抽象。資料以樹的形式在記憶體中排列。節點就是dom 的組成。是乙個物件,有屬性和方法。獲取方式有很多種。節點分為元素節點 標籤 文字節點,屬性節點。區分方法 nodetype 1 是標籤,2 是屬性,3 是文字1.老版本的火狐不支援innertext 支援textco...

《CSS3秘籍》第6 7章

第六章 文字格式化 1 字型 1 serif字型 適用於冗長的文字資訊,包括 times times new roman georgia 2 sans serif字型 適用於標題,包括 arial helvetica verdana 3 monospaced字型 適用於計算機 字型中每個字母都是等寬...