css学习总结（1）background之background-color

1. background-color : 定义背景颜色

    在我们不设置background-color的时候，它的默认颜色是透明(transparent)的。

    background-color的设置方式：

    (1) 颜色单词

    比如： background-color: "red"

    (2) 16进制

    比如： background-color:"#ff0000";//red

    简写：background-color:"#f00";//red

    (3) rgb

    background-color: rgb(255, 0, 0);//red

    rgb写法中，第一个参数代表红色，第二个参数代表绿色，第三个参数代表蓝色，值从0-255。

    (4) rgba

    rgba(255, 0, 0 , 0.3);//有一定透明度的红色

   rgba中，前三个参数和rgb一模一样，第四个参数代表透明度，从0到1，数字越大透明度越小，即0代表完全透明，1代表不透明。

    (5) hsl

   hsl(14, 100%, 53%);

   hsl接收三个参数：第一个参数代表色调，第二个参数代表饱和度(0-100%)，第三个参数代表亮度(0-100%)。

   (6) hsla

    hsla(14, 100%, 53%, 0.3);

    hsla接收4个参数，前三个参数和hsl一样，第四个参数代表透明度，从0-1，数字越大，透明度越小，即0代表完全透明，1代表不透明。