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 參數定義不透明度