css 去掉蘋果手機按鈕的默認樣式,網頁布局單位,邊框透明度(hsla)
css文件中添加
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
網頁設計單位不同的效果
px
px:像素;是我們網頁設計常用的單位。通過px可以設置固定的布局或者元素大小
em
em:參考物是父元素的font-size，具有繼承的特點。如果自身定義了font-size按自身來計算（瀏覽器默認字體是16px），em的值並不是固定的,且會繼承父級元素的字體大小。
rem
rem:rem是相對於根元素html，這樣就意味著，我們只需要在根元素確定一個參考值，可以設計HTML為大小為10px，到時設置1.2rem就是12px.以此類推。
%
%:一般來說就是相對於父元素所占比例
vw
vw:css3新單位，view width的簡寫，指可視窗口的寬度。
vh
vh:css3新單位，view height的簡寫，指可視窗口的高度。
邊框透明度(hsl)(參考:https://www.cnblogs.com/rain-null/archive/2017/03/26/6622437.html)
HSL 指的是 hue（色調）、saturation（飽和度）、lightness（亮度），它表示顏色柱面坐標表示法。
HSL 顏色值是這樣規定的：hsl(hue, saturation, lightness)。
Hue 是色盤上的度數（從 0 到 360） - 0 (或 360) 是紅色，120 是綠色，240 是藍色。
Saturation 是百分比值；0% 意味著灰色，而 100% 是全彩。
Lightness 同樣是百分比值；0% 是黑色，100% 是白色。
HSLA 顏色值是 HSL 顏色值的擴展，帶有一個 alpha 通道 - 它規定了對象的不透明度。
HSLA 顏色值是這樣規定的：hsla(hue, saturation, lightness, alpha)，其中的 alpha 參數定義不透明度
css 去掉蘋果手機按鈕的默認樣式,網頁布局單位,邊框透明度(hsla)