css的顏色表示，與透明度

標籤：alpha   idt   整理   技術   UI   height   reg   也有   標籤   

　　今天是第一天開始寫部落格。主要還是想著好記性不如爛筆頭。每天學點什麼就記下來，也防止以後再去百度。 　　今天主要是一些舊知識的整理，整理中看到原來寫的代碼對顏色的表示有用rgb的，有用rega的，有用#後跟16進位數的。原來寫的時候沒怎麼過腦子，反正顏色出來了就行，今天百度了一下。做了一下區分。 　　首先，rgb(*,*,*)是三原色的組合，分別代表紅，綠，藍。每一個數都是0到255的數字。【多一嘴，我原來一直以為0，0，0是白色，今天才發現0，0，0是黑色！】正對應了#之後的六位元。也就是#**（這兩位是紅色的十六進位數）**（綠色）**(藍色)　　rgba(*,*,*,*)呢，就是多了個後面的Alpha的色彩空間，也就是透明度，1代表不透明，0則是全透明。　　也就是說，如果你的UI給你發的圖片，你通過ps提色（反正我現在還在這麼幹，也不知道正規不正規），獲得一個#******的值，你還想設定透明度，完全可以用rgba去表示，而不用再加個opacity的屬性去設定透明度。 　　嗯，然後我又去百度了一下opacity和rgba的應用範圍。 　　opacity：所有後代元素會隨著一起具有透明性，也就是說，如果你給一塊兒div設上opacity屬性，那麼div後代元素也有了同樣的opacity屬性。所以opacity一般用於調整圖片或者模組的整體不透明度。　　就像這樣：可以看到，標籤的顏色也透明了。

 

 　　rgba：設定顏色的不透明度，一般用於調整background-color、color、box-shadow等的不透明度。　　就像這樣：　　

 

css的顏色表示，與透明度