1、厂商前缀
浏览器引擎 WebKit 、Gecko(Mozilla FireFox等使用)、Trident(也称MSHTML,IE使用)
css3特性前缀浏览器厂商主要有:Chrome和其他基于WebKit的浏览器(-webkit-)、FireFox和其他基于Gecko浏览器(-moz-)、IE(-ms-)和Opera(-o-);
2、css3颜色
RGB: 用数字0~255来定义红、绿、和蓝色通道;如:RGB(255,0,0) 等同于#ff0000或者red
RGBA:在RGB的基础上,加入了第四个值,用来指定alpha通道或者颜色的不透明度,其值范围是0~1;0是完全透明,1是完全不透明,如RGBA(255,0,0,1)表示红色完全不透明。
HSL:色调(H)、饱和度(S)和亮度(L)的首字母缩写,语法为 hsl(0,100%,50%) 等同于#ff0000或者red
第一个值:色调。取值范围是0~360;
第二个值:饱和地。他指颜色的鲜艳程度,取值范围是0%~100%;100%是颜色全彩色,0%是灰度;
第三个值:亮度。它指颜色的明亮度,取值是0%~100%;100%是完全亮/白,0%是完全暗/黑。
HSLA:类似RGBA,对现有的颜色添加alpha通道值,如hsla(0,100%,50%,0.5)
3、用rem调整文本大小
如定义整个html文字大小为11px,则可以如下规则
html{ font-size:1.1rem;};
若是对于旧版浏览器及不支持浏览器,可以同时定义px字体,如:html{font-size:1.1rem;font-size:11px;}