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)

上一篇:java基础&&高薪面试


下一篇:在ubuntu 16.04下编译android和linux版webrtc