今天是第一天開始寫博客。主要還是想着好記性不如爛筆頭。每天學點什么就記下來,也防止以后再去百度。
今天主要是一些舊知識的整理,整理中看到原來寫的代碼對顏色的表示有用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等的不透明度。
就像這樣:
