在css3中可以使用rgba和hsla兩種色彩模式，二者均可以用來在設定顏色的同時也指定其透明度。
hsla指的是「色調、飽和度、亮度、alpha透明度」
其中，alpha的取值從0~1 , 0代表完全透明，1代表完全不透明。
css3仍有opacity屬性，但它的作用是使整個元素都半透明，包括前景內容，而不僅僅是背景。對於二者的取捨：
要獲取hsla的黑色值，只要簡單的將亮度設定為0%；白色則是亮度100%。對於這兩個顏色，色調和飽和度可以設定為任何值。
而要獲取hsla格式的灰色，只需將飽和度設定為0%，此時亮度值控制灰色的明暗程度，色調的取值則無關緊要。
最實用的場景是利用半透明的白色和黑色覆蓋背景，得到更淺或更深的顏色。
例如：
.header
.search
同理，如果想讓一張變得更深或者更前，同樣也可以使用具有rgba（）背景色的偽元素。
html與css學習筆記
定位之absolute和relative 一般設定了absolute或relative時，才設定right left left 50px 意思是左邊線距離定位盒子的左邊線50px 一般父盒子設定了position absolute display inline block float left ri...
HTML與CSS學習筆記
恢復內容開始 計蒜客 恢復內容結束 css部分 html head style p p p style head body h1 老王的愛情 h1 p id first 為什麼要那麼痛苦地忘記乙個人，時間自然會使你忘記。如果時間不可以讓你忘記不應該記住的人，我們失去的歲月又有甚麼意義?p p id ...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...