css3学习day1

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;}