css3文件中提到：（hsla）
h是色度，取值在0度~360度之間，0度是紅色，120度是綠色，240度是藍色。360度也是紅色。
s是飽和度，是色彩的純度，是乙個百分比的值，取值在0%~100%，0%飽和度最低，100%飽和度最高
l是亮度，也是乙個百分比值，取值在0%~100%，0%最暗，100%最亮。
a是不透明度，取值在0.0~1.0，0.0完全透明，1.0完全不透明。
這樣一說大家肯定是很迷的乙個概念
舉點例子吧：（只要區分中間的百分比值）
這是標準的綠色值：
background-color:hsla(120,50%,50%,1);
這樣就會變成白色：
background-color:hsla(120,50%,100%,1);
這樣就會變成黑色：
background-color:hsla(120,50%,0%,1);
這樣就會變成明亮的綠色：
background-color:hsla(120,100%,50%,1);
我們發現第三個值》50%就加白色（原本的基礎上多了白色），<50%就加黑色（原本的基礎上多了黑色）：
background-color:hsla(120,100%,20%,1);
這樣就會變成明亮的灰色：
background-color:hsla(120,0%,50%,1);
我們發現第二個值》50%就加亮（原本的基礎上綠色更明顯），<50%就加暗（原本的基礎上綠色更少更淡）：
background-color:hsla(120,20%,50%,1);
CSS3的快速記憶
border radius 25px box shadow 10px 10px 5px 888888 這個屬性挺重要的,特別是做的效果時.box shadow 陰影的x偏移值,陰影的y偏移值,模糊值,陰影大小,陰影顏色 其中偏移值可以為負數,陰影大小為0時是與原來一樣大,模糊值越大越模糊 borde...
了解CSS3的all屬性的使用
一 相容性 如下圖 相容性還行，除了ie不支援程式設計客棧，其他瀏覽器基本上都綠油油，目前自娛自樂，內網專案什麼的都是可以用用的。二 all是幹嘛用的 all屬性實際上是所有css屬性的縮寫，表示，所有的css屬性都怎樣怎樣，但是，不包括unicode bidi和direction這兩個css屬性。...
快速最好響應式布局（CSS3）
display flex 伸縮布局模式 給父級加 min width 盒子最小寬度 小於這個寬度，在縮小頁面，盒子不會縮小 max width 盒子最大寬度 大於這個寬度，在放大頁面盒子不會變大，放大的都是空白 flex direction row 預設 column 豎著劃分 justify co...