rgb與rgba的含義
RGB 是代表Red(紅色) 、Green(綠色)、 Blue(藍色)三個單詞的縮寫,
RGBA 顏色值是 RGB 顏色值的擴展,添加了一個 alpha 通道, 它規定了物件的不透明度,
1、 基本語法:
R:紅色值, 正整數(0~255)或 百分數(0.0% - 100.0%)
G:綠色值, 正整數(0~255)或 百分數(0.0% - 100.0%)
B:藍色值, 正整數(0~255)或 百分數(0.0% - 100.0%)
A:透明度,取值0~1之間,不可為負值
rgb的書寫格式:rgb(90,50,25);
其中第一個數字(90)表示Red 顏色(紅色值),第二個數字(50)表示Green 顏色(綠色值),
第三個數字(25)表示Blue 顏色(藍色值),數字越大(不超過255)則表示其對應的顏色加的越多,
rgba的書寫格式:rgba(90,50,25,0.5);
從上面我們可以得到 RGBA 顏色值是 RGB 顏色值的擴展,添加了一個 alpha 通道,
它規定了物件的不透明度,
前面三個數值跟 rgb表示的是一樣的,a 的值為0~1之間的值,0表示透明色,1表示不透明,
0.5表示每個(R、G、B)顏色50%的透明度,
也就是每個顏色半透明狀態,這里的a還可以簡寫成 .5,這里只要是有小數點的透明度,都可以這樣簡寫,
先放上原文鏈接:https://blog.csdn.net/mybelief321/article/details/50211801
一、body{margin: 0; padding: 0;}
這句話的含義是:瀏覽器默認情況下,<body>的寬度要與<html>寬度小,所以需要這句話來消除邊距,
二、position:relative
首先,看一下官方對position的解釋:position這個屬性定義元素布局所用的定位機制,任何元素都可以定位,不過絕對或固定元素會生成一個塊級框,
而不論該元素本身是什么型別,相對定位元素會相對于它在正常流中的默認位置偏移,看不懂?那就先不看,
再來理解一下“檔案流”“正常流”,
百度百科是這樣解釋“檔案流”:將表單自上而下分成一行行,并在每行中按從左至右的順序排放元素,即為檔案流(自己的理解是從頭到尾按照檔案的順序,
該在什么位置就在什么位置,也可以按照上面的意思理解,自上而下,自左到右的順序),
咱們的HTML的布局機制就是用檔案流模型的,即塊元素(block)獨占一行,行內元素(inline)不獨占一行,
簡言之:相對于自身默認的位置進行偏移,
三、position:absolute
absolute官方解釋為“生成絕對定位的元素,相對于static定位以外的第一個父元素進行定位”,
首先認識一下static,static是position的默認值,它表示沒有定位,元素出現在正常的流中,
如果要使絕對定位absolute生效,必須指定left、right、top和bottom屬性中的至少一個!
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/270886.html
標籤:其他
